81 lines
2.5 KiB
HTML
81 lines
2.5 KiB
HTML
<!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> |