Cette page commence à dater. Son contenu n'est peut-être plus à jour. Contactez-moi si c'est le cas!
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
fieldset
s - 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 !