on a vu un formulaire comportant deux champs : username ,password
et l'autre reclamment le num de telephone,l'email address et le nom.
ces champ sont des simples champs de text (type="text")
aujourdhuit on va ajouter un bouton a notre login form ensuite on va demander a l'utilisateur d'accepter nos termes et condition en cliquant le checkbox en dessous du formulaire .
pour bien arranger les champs d'un formulaire il est conseillE de les mettre dans une table.
alons y :
<html>
<head>
<title>jour 7 suite | web forms</title>
</head>
<body>
<table align="center" bgcolor="#fafafa" cellpadding="10" cellspacing="10">
<tr>
<td><a href="#">Acceuil</a></td><td><a href="about.html">A propos</td>
<td><a href="sevice.html">Services</a></td><td><a href="#">Projets</a></td><td><a href="#">Contacts</a></td>
<tr>
<td colspan="5" bgcolor="#eee">
<h1>Bienvenue</h1>
<p>Le contenu du site peu aller ici</p>
<p>Le contenu du site peu aller ici</p>
<p>Le contenu du site peu aller ici</p>
<p>Le contenu du site peu aller ici</p>
</td>
</tr>
<tr>
<td colspan="5">
<form>
<h3>join us today</h3>
<table>
<tr>
<td>username</td><td><input type="text" name="username"></td>
</tr>
<tr>
<td>username</td><td><input type="password" name="password"></td>
</tr>
<tr>
<td>phone</td><td><input type="text" name="phone"></td>
</tr>
<tr>
<td>email</td><td><input type="password" name="email"></td>
</tr>
<tr>
<td>country</td>
<td>
<select>
<option>Congo</option>
<option>Rwanda</option>
<option>Burundi</option>
<option>Tanzania</option>
<option>Kenya</option>
</select>
<!-- observez la selection au dessus -->
</td>
</tr>
<tr>
<td>city</td><td><input type="password" name="city"></td>
</tr>
<tr>
<td><input type="submit" value="join us"></td>
<td><input type="checkbox" value="true">accept our terms and conditions</td>
</tr>
</table>
</form>
</td>
</tr>
</tr>
</table>
</body>
</html>
observer bien la selection select tag ensuite le checkbox d'en dessous.
ReplyDelete