94 lines
3.5 KiB
HTML
94 lines
3.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="stylesheet" href="style.css" />
|
|
<script src="script.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="mainContainer">
|
|
<h1>Formulaire d'inscription</h1>
|
|
<form method="GET" action="">
|
|
<p>
|
|
<label for="pseudo">Pseudo : </label>
|
|
<input
|
|
type="text"
|
|
name="pseudo"
|
|
id="pseudo_field"
|
|
minlength="4"
|
|
maxlength="8"
|
|
onfocus="afficheAide('pseudo');"
|
|
onblur="deleteAide('pseudo');"
|
|
required
|
|
/>
|
|
<span id="pseudo"></span>
|
|
</p>
|
|
<p>
|
|
<label for="password">Mot de passe : </label>
|
|
<input
|
|
type="password"
|
|
name="password"
|
|
id="password_field"
|
|
minlength="8"
|
|
onfocus="afficheAide('password');"
|
|
onblur="deleteAide('password');"
|
|
required
|
|
/>
|
|
<span id="password"></span>
|
|
</p>
|
|
<p>
|
|
<label for="email">Email : </label>
|
|
<input
|
|
type="email"
|
|
name="email"
|
|
id="email_field"
|
|
maxlength="30"
|
|
placeholder="utilisateur@domaine.fr"
|
|
onfocus="afficheAide('email');"
|
|
onblur="deleteAide('email');"
|
|
required
|
|
/>
|
|
<span id="email"></span>
|
|
</p>
|
|
<p>
|
|
<input
|
|
type="checkbox"
|
|
name="confirm"
|
|
id="1"
|
|
value="confirm"
|
|
/>
|
|
<label for="1">M'envoyer un courrier de confirmation</label>
|
|
</p>
|
|
<p>
|
|
<input type="radio" name="sub" id="1" value="A" />
|
|
<label for="1">
|
|
M'aboner à la newsletter et aux promotions
|
|
</label>
|
|
<br />
|
|
<input type="radio" name="sub" id="2" value="P" />
|
|
<label for="2">
|
|
M'abonner uniquement à la newsletter
|
|
</label>
|
|
<br />
|
|
<input type="radio" name="sub" id="3" value="N" checked />
|
|
<label for="3"> Ne pas m'abonner </label>
|
|
<!-- A= All, P=Partial, N=None-- -->
|
|
</p>
|
|
<p>
|
|
<select name="nationalite" id="NAliste">
|
|
<option value="Francaise">Francaise</option>
|
|
<option value="Belge">Belge</option>
|
|
<option value="Suisse">Suisse</option>
|
|
<option value="Autre">Autre</option>
|
|
</select>
|
|
</p>
|
|
<p>
|
|
<input type="submit" value="Valider" onclick="confirm();" />
|
|
<input type="button" value="Annuler" onclick="cancel();" />
|
|
</p>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|