96 lines
4.3 KiB
HTML
96 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title>Création d'un compte sur iBaie </title>
|
|
<style>
|
|
label {
|
|
display: inline-block;
|
|
width: 120px;
|
|
vertical-align: top;
|
|
}
|
|
label::after{
|
|
content: " :";
|
|
}
|
|
label.radio {
|
|
display: inline;
|
|
}
|
|
label.radio::after {
|
|
content: "";
|
|
}
|
|
input[type=text], input[type=range], input[type=date], input[type=email], input[type=password], input[type=url], textarea, select {
|
|
width: 200px;
|
|
margin-bottom: 5px;
|
|
}
|
|
input:required{
|
|
color: red;
|
|
}
|
|
fieldset {
|
|
margin-bottom: 15px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Création de votre compte</h1>
|
|
<form>
|
|
<input id="counter" name="counter" type="hidden" value="100">
|
|
<fieldset>
|
|
<legend>Votre profil</legend>
|
|
<label for="statut">Statut</label><input id="statut" name="statut" type="text" >
|
|
<label for="nom">Nom</label><input id="nom" name="nom" type="text" >
|
|
<label for="satisfaction">Votre satisfaction</label><input id="satisfaction" name="satisfaction" type="range" min="0" max="4" step="1">
|
|
<input type="reset" name="reset1" value="Réinitialiser">
|
|
<button type="reset" name="reset2"><u>Autre réinitialiser</u></button>
|
|
<label for="courriel">Courriel</label><input id="courriel" name="courriel" type="email" >
|
|
<label for="motPasse">Mot de passe</label><input id="motPasse" name="motPasse" type="password" >
|
|
<label for="ancienPasse">Ancien</label><input id="ancienPasse" name="ancienPasse" type="password" >
|
|
<label >Taille</label>
|
|
<label class="radio"><input id="tailleS" name="taille[]" type="checkbox" value="S">S</label>
|
|
<label class="radio"><input id="tailleM" name="taille[]" type="checkbox" value="M">M</label>
|
|
<label class="radio"><input id="tailleL" name="taille[]" type="checkbox" value="L">L</label>
|
|
<label class="radio"><input id="tailleXL" name="taille[]" type="checkbox" value="XL">XL</label>
|
|
|
|
<label for="sexe">Sexe</label>
|
|
<label class="radio"><input id="sexeF" name="sexe" type="radio" value="Femme">Femme</label>
|
|
<label class="radio"><input id="sexeH" name="sexe" type="radio" value="Homme">Homme</label>
|
|
<label class="radio"><input id="sexeA" name="sexe" type="radio" value="Autre">Autre</label>
|
|
<label for="webPerso">Votre site web</label><input id="webPerso" name="webPerso" type="url">
|
|
</fieldset>
|
|
|
|
<label for="plaque">Voiture</label><input id="plaque" name="plaque" type="text" >
|
|
<label for="quantite">Quantité</label><input id="quantite" name="quantite" type="number" value="0">
|
|
<label for="livraison">Livraison</label>
|
|
<select id="livraison" name="livraison">
|
|
<option value="D" selected>A domicile</option>
|
|
<option value="M">Au magasin</option>
|
|
</select>
|
|
<label for="message">Message</label><textarea id="message" name="message" rows="3" cols="20"></textarea>
|
|
|
|
<label for="date">Livré le</label><input id="date" name="date" type="date">
|
|
<label for="heure">A partir de</label><input id="heure" name="heure" type="time">
|
|
|
|
<label for="reduction">Réduction</label>
|
|
<select id="reduction" name="reduction" multiple>
|
|
<option selected>Famille nombreuse</option>
|
|
<option>Enfant de moins de 5ans</option>
|
|
<option>Enseignant</option>
|
|
</select>
|
|
<label for="etatCivil">Etat civil</label><input type="text" id="etatCivil" name="etatCivil" list="etats">
|
|
<label for="couleur">Couleur</label><input id="couleur" name="couleur" type="color">
|
|
|
|
</form>
|
|
<datalist id="etats">
|
|
<option value="M">Marié.e</option>
|
|
<option value="V">Veuf.ve</option>
|
|
<option value="D">Divorcé.e</option>
|
|
<option value="C">Célibataire</option>
|
|
</datalist>
|
|
|
|
<label for="satisfaction">Votre satisfaction</label><input id="satisfaction" name="satisfaction" type="range" min="0" max="4" step="1">
|
|
<input type="submit" name="Valider">
|
|
<button type="submit" name="buttsub1" ><u>Autre valider</u></button>
|
|
|
|
</form>
|
|
</body>
|
|
</html>
|