<form action="#">
   <label for="nom">Nom:</label>
   <input type="text" name="nom" id="nom" /><br>
   Sexe:
   <input type="radio" name="sexe" id="h" /><label for="h">h:</label><input type="radio" name="sexe" id="f" /><label for="f">f:</label><br>
   Loisirs:
   
   <input type="checkbox" name="sport" id="sport" />
   <label for="sport">sport</label>
   <input type="checkbox" name="cinema" id="cinema" />
   <label for="cinema">cinema</label>
   <input type="checkbox" name="lecture" id="lecture" />
   <label for="lecture">lecture</label>
</form>  

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.