<!DOCTYPE html> <html> <head> <title>Mon Premier Formulaire</title> <meta charset="utf-8"/> </head> <body> <form action="exemple1.html" method="get" enctype="text/plain"> <fieldset> <legend>Vos coordonnées</legend> <table> <tr> <td><label for="nom">Nom:</label></td> <td><input id="nom" type="text" name="nom" placeholder="votre nom" /></td> </tr> <tr> <td><label for="nom">Prénom:</label></td> <td><input id="nom" type="text" name="prénom" placeholder="votre prénom" /></td> </tr> <tr> <td><label for="nom">Date de naissance:</label></td> <td><input id="date" type="Date" name="date"/></td> </tr> <tr> <td><label for="nom">Mail:</label></td> <td><input id="mail" type="email" name="mail" placeholder="votre mail" /></td> </tr> <tr> <td><label for="nom">Votre site:</label></td> <td><input id="site" type="url" name="site" value="http://www." /></td> </tr> <tr> <td><label for="nom">Code:</label></td> <td><input id="code" type="password" name="code" placeholder="votre mot de passe" /></td> </tr> <tr> <td><label for="nom">Genre:</label> <td><input type="radio" name="xx" value="xy"/>Homme<br> <input type="radio" name="xx" value="xx"/>Femme </tr> <tr> <td> <label for="nom">Pays:</label> <td> <select name="select"> <optgroup label="Europe"> <option value="France">France</option> <option value="Belgique">Belgique</option> </optgroup> <optgroup label="Asie"> <option value="Chine">Chine</option> <option value="Russie">Russie</option> </optgroup> <optgroup label="Amériques"> <option value="Etats-Unis">Etats-Unis</option> <option value="Brésil">Brésil</option> </optgroup> </td> </select> </td> </tr> </table> </fieldset> <fieldset> <legend>Vos loisirs</legend> <input name="xx[]" type="checkbox" value="v1" />Voyages<br> <input name="xx[]" type="checkbox" value="v2" />Sports<br> <input name="xx[]" type="checkbox" value="v3" />Lecture<br> <textarea maxlength="500" minlength="30" required="50" rows="5" cols="80"> Décrivez votre loisirs en détail: </textarea> </fieldset> <fieldset> <legend>Envoyez nous votre photo</legend> <input type="file" name="photo"/><br><br> <input type="submit" value="Envoyer"/> <input type="reset" value="Effacer"/> </fieldset> </form> </body> </html>