Liste déroulante

J'ouvre le formulaire, grâce à "action" je précise la page vers laquelle on est dirigé en validant, et grâce à "method" je précise si j'utilise GET ou POST(voir le PHP).

<form action="page.html" method="POST">


Je précise grâce à label à quoi sert ce champ qu'on a créé, et je lie le texte à son input grâce à for. C'est un input de type text, il en existe de différents types.

<label for="prenom">Entrez un mot de prénom</label><input name="prenom" id="prenom" type="text" />



La liste déroulante est dans le select, ici je l'ai divisé en deux groupes.

<select>
    <optgroup label="Europe">
      <option>France</option>
      <option>Espagne</option>
    </optgroup>
    <optgroup label="Amérique">
      <option>USA</option>
      <option>Mexique</option>
      <option>Argentine</option>
    </optgroup>
</select>


Ici le input est de type password, les lettres sont masquées lorsque l'on écrit.

<label for="pass">Entrez un mot de passe</label><input name="pass" id="pass" type="password" />


Et on valide avec le bouton ci-dessous

<input type="submit" name="ok" id="ok" value="valider" />
</form>