Discussion :

[Tamzoro]

Bonjour,

Je ne comprends pas pourquoi il existe plusieurs méthodes pour créer un bouton en HTML? Cela m'embrouille.... Je suppose qu'il y a une raison?

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
  <!-- 1er méthode --> 
  <button type="button">Bouton 1</button>
 
  <!-- 2ème méthode -->
  <input type="submit" value="Bouton 2"/>

[NoSmoking]

Bonjour,
• <input> apparu avec HTML 2.

• Les éléments INPUT, SELECT et TEXTAREA étaient uniquement autorisés dans les éléments FORM.
• Ils pouvaient prendre les types suivants : text, password, checkbox, radio, image, hidden, submit, reset, types qui ont été enrichis avec le passage en HTML 5.

• <button> apparu avec HTML 4.01.

• L'élément BUTTON fonctionnent comme les boutons créés à l'aide de l'élément INPUT et est par défaut de type submit, cela peut être un piège.
• L'élément BUTTON peut prendre les types submit(par défaut),button,reset.
• L'élément BUTTON peut avoir du contenu HTML.

Donc, en gros et pour faire court, BUTTON est une évolution de INPUT qui permet d'avoir du contenu HTML.

[Tamzoro]

Bonjour,

Ah !! D'accord, merci beaucoup pour tes explications. J'ai maintenant compris.

[ABCIWEB]

Il y a aussi tout un tas d'attributs "form, formaction, formenctype, formmethod, formnovalidate, formtarget" qui peuvent être utiles et qui n'existent pas pour l'input de type button.

[SR-71]

En HTML5 il vaut mieux utiliser l'element de type <button>.

[laurentSc]

En HTML5 il vaut mieux utiliser l'element de type <button>.

Pourquoi ?