Vous êtes sur la page 1sur 2

<html >

<head>

<title>M1106-TP3-Rabi3-formulaire2</title>
<link href="fstyl.css" type="text/css" rel="stylesheet" />
</head>

<body>
<header></header>
<h1 align=center> Mon premier formulaire HTML5 </h1></br>
<fieldset id="main">
<legend>Vous donnes personelle:</legend>
<form action="destination.php" method="post">
<label>Nom:</label>
<input type="text" name="nom" value="Votre nom"><br><br>
<label>Pr�nom:</label>
<input type="text" name="prenom" value="votre pr�nom" ><br><br>
<label>Date:</label>
<input type="date" name="ladate" ><br><br>
<fieldset>
<legend>Lieu de naissance: </legend>
<input type="radio" name="lieu" value="Adrar">Adrar
<input type="radio" name="lieu" value="Reste du monde">Reste du monde
</fieldset>
<br><br>
<label>Adresse postale:</label><textarea rows="2" col="30" name="adressepostale"
value="Votre adresse"></textarea>
<br><br>
<label>Code postal:</label><input type="text" pattern="[0-9]{5}"
placeholder="Saissisez 5 chiffres maximum" name="cp" value="00011">
<br><br>
<label>E-mail:</label><input type="email" name="email" value="Votre adresse
�lectronique">
<br><br>
<label>Page personnelles:</label><input type="url" name="site" value="Votre page
Web">
<br><br>
<label>T�l�phone:</label>
<input type="text" name="telephone" pattern="0[6-7][0-9]{8}" value="0658898531"
placeholder="Exemple : 0602030405 sans espace ni tirets" >
<br><br>
<label>Semestre:</label>
<select name = "liste" >
<option> S1 </option>
<option selected> S2 </option> <!--Selection par d�faut du choix S2 -->
<option> S3 </option>
<option> S4 </option>
</select>
<br><br>
<label>Niveau en HTML:</label>
<input type="range" name="niveauhtml" value="" max="10" min="0" step="1">
<br><br>
<fieldset style=color:red;background-color:#C0C0FF; id="fconnaissances">
<legend>Connaissances: </legend>
<input type="checkbox" checked="checked" name="connaissances[]" value="HTML">HTML
<!--Selection par d�faut du choix HTML -->
<input type="checkbox" name="connaissances[]" value="CSS">CSS
<input type="checkbox" name="connaissances[]" value="Formulaires">Formulaires
<input type="checkbox" name="connaissances[]" value="JavaScript">JavaScript
</fieldset>
<br><br>
<input type="submit" name="valider" value=" Envoyer "> &nbsp&nbsp&nbsp
<input type="reset" value="Annuler">
</form>
</fieldset>
<br>

</body>

</html>

Vous aimerez peut-être aussi