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 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59
| <!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<style>
fieldset {
clear:right;
float:right;
margin:20px 30px;
text-align:right;
}
legend {
margin:auto;
font-weight:bold;
}
strong {
clear:right;
margin-left:30px;
display:block;
font-size:30px;
}
</style>
</head>
<body>
<strong>
Voici venir un formulaire aligné à droite...
</strong>
<form id="f" action="">
<fieldset>
<legend>Deux champs texte</legend>
<p>
<label>Un champ texte <input type="text" id="t" /></label>
</p>
<p>
<label>Un autre champ texte <input type="text" id="t" /></label>
<p>
</fieldset>
<fieldset>
<legend>Des boutons radio</legend>
<label>un <input type="radio" name="r" value="un" /></label><br />
<label>deux <input type="radio" name="r" value="deux" /></label><br />
<label>trois <input type="radio" name="r" value="trois" /></label><br />
<label>quatre <input type="radio" name="r" value="quatre" /></label><br />
<p>
<input type="submit" value="envoyer" />
</p>
</fieldset>
</form>
<strong>
Nous reprenons le cours de la page...
</strong>
</body>
</html> |
Partager