HTML - Balise input

  »   HTML  »   Tutoriel HTML - Balise input, texte, mot de passe, case à cocher, radio, submit, reset

La balise input n'a pas besoin d'une balise de fermeture et peut avoir de nombreux attributs:

  • texte
  • mot de passe
  • radio
  • case à cocher
  • reset
  • submit

HTML - Champs de texte et mots de passe

Je suis vraiment sûr que vous avez certainement entendu beaucoup de choses, avec le temps, sur internet.

html<input type="text" /><br />
<input type="password" />

Demo


Ecrivez quelque chose dans les cases ci-dessus pour voir la différence.

HTML - Cases à cocher

Idéal pour offir a l'utilisateur l'option de sélectionner plus d'une réponse

html<input type="checkbox" /> Lait<br />
<input type="checkbox" /> Eau<br />
<input type="checkbox" /> Pain

Demo

Lait
Eau
Pain

HTML - Radio

Et je ne parle pas de musique radio, mais d'un petit cercle qui offre la possibilité de choisir seulement une seule réponse à une question.

html<input type="radio" /> Homme<br />
<input type="radio" /> Femme

Demo

Homme
Femme

HTML - Boutons Submit

Ici, nous donnerons une valeur à l'attribut submit, ceci étant le texte qui sera montré sur le bouton généré.

html<input type="submit" value="Submit" />
<input type="submit" value="Prochain étape &gt;&gt;" />

Demo

HTML - Boutons Reset

Ici, comme pour le bouton submit, nous aurons à donner une valeur, qui sera le texte qui sera montré sur le bouton généré. Ce bouton est extrêmement utile dans les cas où l'utilisateur complète la majorité des formulaires avec des informations erronées.

html<input type="reset" value="Reset" />
<input type="reset" value="Delete All " />

Demo

les champs d'entrées HTML - Note

Il doit être spécifié que ces formulaires et boutons ne seront pas complètement opérationnels sans l'aide de fichiers php ou javascript qui exécuteront l'action souhaitée une fois qu'un de ces boutons est pressé. Dans le prochain tutoriel nous irons plus en profondeur avec les attributs montrés et nous vous montrerons également certaines choses que nous n'avons pas encore mentionné.