JSFiddle - React, Tailwind, and code Playground

by chardetm

HTML

<!-- Soumission à la page /signup par méthode POST -->
<form action="/signup" method="post">
  <p> <!-- On met chaque entrée distincte dans un paragraphe -->
    <label>Titre</label><br>
    <label>
      <!-- name : nom qui sera utilisé par le serveur
                  pour référer à cette valeur
           value : valeur donnée en sélectionnant cette
                   case -->
      <input type="radio" name="title" value="m">
      M.
    </label>
    <label>
      <input type="radio" name="title" value="mme">
      Mme.
    </label>
    <label>
      <input type="radio" name="title" value="np">
      Autre/non-précisé
    </label>
  </p>
  <p>
    <label>Prénom</label><br>
    <input type="text" name="prenom">
  </p>
  <p>
    <label>Nom</label><br>
    <input type="text" name="nom">
  </p>
  <p>
    <label>Adresse e-mail</label><br>
    <!-- required indique que ce champ est requis -->
    <input type="email" name="email" required>
  </p>
  <p>
    <label>Numéro de téléphone</label><br>
    <input type="tel" name="telephone">
  </p>
  <p>
    <label>Mot de passe</label><br>
    <input type="password" name="mdp">
  </p>
  <p>
    <label>Pays</label><br>
    <select>
      <option>France</option>
      <option>Espagne</option>
      <option>Etats-Unis</option>
      <option>Italie</option>
      <option>Allemagne</option>
    </select>
  </p>
  <p>
    <label>
      <input type="checkbox" value="cu">
      J'accepte les <a href="/cu">conditions d'utilisation</a>
    </label>
  </p>
  <p>
    <button type="submit">Créer mon compte</button>
    <button type="reset">Réinitialiser</button>
  </p>
</form>