HTML possède des éléments de fomulaire qui permettent aux utilisateurs d'interagir avec le site. L'exemple le plus connu d'élément input sur le web est le champs de texte de la page google. L'espace où vous faîtes votre recherche est un input.

Le champ texte

Exemple de champ texte: Résultat: Cliquez sur l'élément et vous pourrez entrer du texte.
Par défaut l'input est un champ texte. Mais on peut lui donner d'autre forme comme des boutons radio ou des checkbox que vous rencontrez souvent dans des formulaire d'inscription.

Checkbox

Exemple de checkbox: Résultat:

Ce qui nous frappe lors de ce test de checkbox c'est qu'on peut cocher les deux valeurs. C'est assez idiot de répondre à une question par oui et par non en même temps.

Il existe donc un input qui permet de choisir qu'une seule réponse possible.

Radio

Résultat:

Case cochée

Par défaut aucun des boutons radio ou checkbox n'est coché. Pour cocher la réponse "oui" par défaut, il faut l'indiquer avec l'attribut checked. Résultat:

Textarea

Il existe un type d'input qui permet d'écrire du texte sur plusieurs lignes Résultat: Bien qu'il soit conseillé de changer sa taille en CSS, on peut modifier sa taille en lui précisant son nom de colonnes et de lignes. Résultat:

La liste déroulante

Lorsque l'on propose à l'utilisateur de sélectionner une valueur stricte, on lui propose une liste déroulante Résultat:


Crée votre site web au meilleur prix💰