CSS / Table

Le menu est disponible grâce au bouton droit

Date de première publication : 2019/04/09

<form action="mailto:moi">
<legend>Personne</legend>
<label for="nom">Nom :</label><input type="text" id="nom"><br>
<label for="prenom">Prénom :</label><input type="text" id="prenom"><br>
<label for="mail">Mail :</label><input type="email" id ="email"><br>
</fieldset>

<fieldset>
  <legend>Informations<legend>
    <input type="radio" name="langage" value="c" id="c">C<br>
    <input type="radio" name="langage" value="cpp" id="cpp">C++<br>
    <input type="radio" name="langage" value="java" id="java">Java<br>
    <input type="radio" name="langage" value="javascript" id="javascript">Javascript<br>
    <input type="radio" name="langage" value="python" id="python">Python<br>
</fieldset>
<input type="submit">
</form>

• Ajouter une bordure aux fieldsets
• Déplacer un peu les légendes vers le centre et mettre un bord rond (border-radius)
• Corriger les indentations et essayer de placer les labels et les inputs par rapport aux règles d'ergonomie ("aligner sur le centre")

Ajouter pour chaque input du bloc Informations des labels et voir ce qui se passe ...

La zone de sélection du bouton radio comprend maintenant le label, c'est beaucoup plus facile de sélectionner l'option !