La différence entre l'échange BUTTON et INPUT_Experience

Pour résumer le thème en une phrase : <button>a le même effet que <input type="button" ... > mais est plus puissant en termes de maniabilité.

Les Forms faisant partie de la spécification HTML 4.01 les formulaires nommés ont les types de contrôle suivants : boutons, cases à cocher, boutons radio, menus, saisie de texte, sélection de fichier, contrôles masqués, objet contrôles . À l'exception des contrôles boutons/menus/objets, ils sont tous complétés par <input>.

Je parle de <button> et <input> ici.

<button> et <input>

Spécifications : vous pouvez utiliser <button> et <input> pour créer des boutons de formulaire. Veuillez vous référer aux définitions détaillées de ces éléments pour les différents types de boutons. Il convient de noter que <button> prend en charge des fonctions d'expression plus riches que <input>.

Quelques différences

Tout le monde sait que <input> peut être utilisé comme ça (en fait, il faut l'utiliser comme ça) : <input type="submit" value="OK" />, il faut le fermer comme ça. Au lieu de : <input type="submit" value="OK" ></input>. Parce que la balise d'ouverture est et doit être , tandis que la balise de fermeture est et est interdite.

<button> est plus puissant que <input> dans le sens où il peut contenir du contenu. Sa valeur n'est pas écrite dans l'attribut value, mais incluse dans la balise. Tel que : <button>OK. La balise d'ouverture et la balise de fermeture de <button> sont toutes deux obligatoires. De cette façon, vous prenez le contrôle du style.

Vous pouvez écrire comme ceci : <button>OK, I do., ou même insérer une image : <button>, it's great.. Un peu similaire à <input type="image">, mais évidemment beaucoup plus puissant.

La dernière chose à noter est que les images incluses par <button> ne peuvent pas utiliser de cartes thermiques, c'est-à-dire qu'elles ne peuvent pas être <img src="foo.gif" usemap="..." />, ce qui est illégal. Bien entendu, les éléments tels que input, select, textarea, label, button, form, fieldset, iframe et isindex (obsolètes) ne sont plus autorisés.