1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
|
<!DOCTYPE html>
<html>
<header>
<meta charset="UTF-8">
<title>Exemple</title>
<!--[if IE]>
<script src= »
"http://html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<style>section, article, header, footer, nav, aside, hgroup {
display: block;
}</style>
<![endif]-->
</header>
<body>
<section>
<aside>
<article>
<label for="hobbies">Vos hobbies</label>
<input id="hobbies" name="hobbies" type="text" »
placeholder="Tournage de pouces">
<br>
<label for="statut">Quoi de neuf ?</label>
<input id="statut" name="statut" type="text" autofocus>
<br>
<label for="maplanete">Votre planète de naissance</label>
<input type="text" name="maplanete" id="maplanete" »
list="planetes">
<datalist id="planetes">
<option value="Mercure">
<option value="Vénus">
<option value="Terre">
<option value="Mars">
<option value="Jupiter">
<option value="Saturne">
<option value="Uranus">
<option value="Neptune">
</datalist>
</article>
</aside>
</section>
</body>
</html> |
Partager