Skip to content

Les balises importantes (2)

Les balises de formulaires

Un ensemble très important de balises concerne les formulaires, qui permettent des interactions avec l'utilisateur.

  • <form> Pour signaler un formulaire
  • <input type="text|checkbox|radio|number|date|color..." Permet à l'utilisateur de saisir des informations
  • <select> et ses balises enfants <option> pour une liste de choix
  • <textarea> pour permettre une saisie de texte plus long (un commentaire, par exemple)
html
<html>
  <form>
    <fieldset>

      <legend>Identifiants</legend>

      <label>Nom d'utilisateur</label>
      <input name="username" placeholder="Nom d'utilisateur">

      <label>Mot de passe</label>
      <input name="password" type="password" placeholder="53CR37P455">

      <select name="availableOptions">
        <option value="option1">
          Option 1
        </option>
        <option value="option2">
          Option 2
        </option>
      </select>

      <textarea name="comment" rows="5" cols="60" placeholder="Un commentaire ?"></textarea>
    </fieldset>
  </form>
</html>