Verwendung von <button type = "submit"> als Ersatz von <input type = "submit"> zum Übermitteln von Formularen, Problemen?

Question

<button> Tags sind leichter lesbar als Eingaben, und ich bin wirklich dafür, sie zu verwenden. Ich fürchte jedoch, dass einige Probleme auftreten können.

Von W3schools: Note: If you use the <button> element in an HTML form, different browsers may submit different values. Use <input> to create buttons in an HTML form.

Ich habe auch gelesen, dass die IE Probleme mit diesen Tasten. Ich sehe sie nur als Ersatz zu verwenden, um Tasten einreichen, zB:

<form> 
<input type="text" name="post"/> 
<button type="submit"> 
</form> 

Werden sie die gleiche Arbeit wie Knöpfe einreichen oder muss ich Probleme wie nicht unterstützte Browser oder etwas anderes?

Answer 1

Das button Element hatte schwerwiegende Probleme mit IE, die eine sehr kaputte Implementierung hatte. Dies ist immer noch ein Problem. Gemäss MDN page on button ist IE 7 in dieser Hinsicht immer noch sehr kaputt und sendet falsche Daten bei der Übermittlung.

Wenn Ihre Formularbehandlung jedoch nicht von den Daten name = value abhängt, die sich aus einem button Element ergeben, ist button type=submit in diesen Tagen sicher. Wenn Sie beispielsweise nur einen solchen Button im Formular haben, würden Sie das name = value-Paar wahrscheinlich sowieso nicht für irgendetwas verwenden.

Answer 2

Ich habe keine IE-Probleme mit einer <button type="submit">, und in sehr sehr schlechter, können Sie immer einen onclick Event-Handler an ihn anschließen.

Ein <button> sollte sicher zu verwenden sein.

Als letzte Anmerkung: w3schools ist eine falsche und irreführende Website. Sie sollten es nicht als Referenz für irgendeine Sprache verwenden. Für PHP gibt es die PHP Manual, für JavaScript gibt es Mozilla Developer Network (or MDN). Siehe http://w3fools.com, um weiter zu verstehen, warum Sie w3schools niemals verwenden sollten.

Answer 3

Wenn Sie

 

    <input type="submit" name="whatever" /> 
 

Sie können sicher sein, es so fein wie die Schaltfläche Gegenstück arbeitet; Sie werden kein Problem mit der Browser-Inkompatibilität haben.
Und es ist gleichermaßen stylable.

Hoffe, das hilft.