<form class=“center”>
<p class="mention">* champs obligatoire</p> <div class="block-form"> <label for="nom">Votre nom</label> <input type="text" id="nom" name="nom" /> </div> <div class="block-form"> <label for="pays">Votre pays</label> <select id="pays" name="pays"> <option value="belgique">Belgique</option> <option value="france">France</option> </select> </div> <div class="block-form"> <label for="date"> Votre date de naissance <span>(au format jj/mm/aaaa)</span> </label> <input type="text" id="date" name="date" /> </div> <div class="block-form"> <label for="numero"> Votre numéro de client <input type="text" id="numero" name="numero" /> <span>Par exemple : 76432-BT-VZ</span> </label> </div> <div class="block-form"> <label for="document"> Ajouter un document à votre dossier </label> <input type="file" id="document" name="document" aria-describedby="formats" /> </div> <h2>Documents actuellement dans votre dossier</h2> <ul> <li>CV</li> <li>Lettre de motivation</li> </ul> <p id="formats">Formats acceptés : pdf ou doc.</p> <div class="block-form"> <label for="email">Votre email *</label> <input type="text" id="email" name="email" required /> </div> <div class="block-form"> <input type="checkbox" id="conditions" aria-required="true" /> <label for="conditions">J'ai lu et j'accepte les conditions générales de vente (obligatoire)</label> </div> <div class="block-form"> <fieldset> <legend>Participant 1</legend> <label for="prenom-1">Prénom</label> <input type="text" id="prenom-1" name="prenom-1" /> <label for="nom-1">Nom</label> <input type="text" id="nom-1" name="nom-1" /> </fieldset> </div> <div class="block-form"> <fieldset> <legend>Participant 2</legend> <label for="prenom-2">Prénom</label> <input type="text" id="prenom-2" name="prenom-2" /> <label for="nom-2">Nom</label> <input type="text" id="nom-2" name="nom-2" /> </fieldset> </div> <div class="block-form block-form-fieldset"> <fieldset> <legend>Sports pratiqués</legend> <ul> <li> <input type="checkbox" id="basket" /> <label for="basket">Basket</label> </li> <li> <input type="checkbox" id="tennis" /> <label for="tennis">Tennis</label> </li> </ul> </fieldset> </div> <div class="block-form block-form-fieldset"> <fieldset> <legend>Sports préférés</legend> <ul> <li> <input type="radio" id="rugby" /> <label for="rugby">Rugby</label> </li> <li> <input type="radio" id="football" /> <label for="football">Football</label> </li> </ul> </fieldset> </div> <div class="block-form"> <label for="textarea">Textarea</label> <textarea id="textarea"></textarea> </div> <input type="submit" value="Validation" aria-label="validation du formulaire">
</form>