Adresse postale
Champ d'adresse multiligne
<form action="#">
<div>
<label for="address1_street">Adresse</label>
<textarea name="address1_street" id="address1_street" autocomplete="street-address"></textarea>
</div>
<div>
<label for="address1_postal_code">Code postal</label>
<input id="address1_postal_code" name="address1_postal_code" type="text" autocomplete="postal-code">
</div>
<div>
<label for="address1_city">Ville</label>
<input id="address1_city" name="address1_city" type="text" autocomplete="address-level2">
</div>
<input type="submit" value="Test">
</form>
Plusieurs champs d'adresse
<form action="#">
<div>
<label for="address2_line1">Entrée ou escalier</label>
<input id="address2_line1" name="address2_line1" type="text" autocomplete="address-line2">
</div>
<div>
<label for="address2_line2">Bâtiment</label>
<input id="address2_line2" name="address2_line2" type="text" autocomplete="address-line3">
</div>
<div>
<label for="address2_line3">Numéro, type et nom de voie</label>
<input id="address2_line3" name="address2_line3" type="text" autocomplete="address-line1">
</div>
<div>
<label for="address2_line4">Lieu-dit</label>
<input id="address2_line4" name="address2_line4" type="text">
</div>
<div>
<label for="address2_postal_code">Code postal</label>
<input id="address2_postal_code" name="address2_postal_code" type="text" autocomplete="postal-code">
</div>
<div>
<label for="address2_city">Ville</label>
<input id="address2_city" name="address2_city" type="text" autocomplete="address-level2">
</div>
<input type="submit" value="Test">
</form>
Téléphone
Numéro de téléphone en un seul champ
<form action="#">
<label for="tel01">Numéro de téléphone</label>
<input id="tel01" name="tel01" type="tel" autocomplete="tel">
<input type="submit" value="Test">
</form>
Numéro de téléphone en deux champs
Champs de texte
<form action="#">
<fieldset>
<legend>Numéro de téléphone</legend>
<input id="tel_country_code01" name="tel_country_code01" type="text" title="Numéro de téléphone sans l'indicatif" autocomplete="tel-country-code">
<input id="tel_national01" name="tel_national01" type="text" title="Numéro de téléphone sans l'indicatif" autocomplete="tel-national">
</fieldset>
<input type="submit" value="Test">
</form>
Liste de sélection
Contenu de la balise option
<form action="#">
<fieldset>
<legend>Numéro de téléphone</legend>
<select name="tel_country_code02" id="tel_country_code02" title="Indicatif national" autocomplete="tel-country-code">
<option>+358</option>
<option>+33</option>
<option>+241</option>
</select>
<input id="tel_national02" name="tel_national02" type="text" title="Numéro de téléphone sans l'indicatif" autocomplete="tel-national">
</fieldset>
<input type="submit" value="Test">
</form>
Valeur de la balise option
<form action="#">
<fieldset>
<legend>Numéro de téléphone</legend>
<select name="tel_country_code03" id="tel_country_code03" title="Indicatif national" autocomplete="tel-country-code">
<option value="+358">+358 (FINLANDE)</option>
<option value="+33">+33 (FRANCE)</option>
<option value="+241">+241 (GABON)</option>
</select>
<input id="tel_national03" name="tel_national03" type="text" title="Numéro de téléphone sans l'indicatif" autocomplete="tel-national">
</fieldset>
<input type="submit" value="Test">
</form>
Formulaires de connexion
Plusieurs valeurs d'identifiant possible
<form action="#">
<div>
<label for="login1_username">Identifiant (adresse e-mail, numéro de téléphone ou nom d'utilisateur)</label>
<input id="login1_username" name="login1_username" type="text" autocomplete="username">
</div>
<div>
<label for="login1_password">Mot de passe</label>
<input id="login1_password" name="login1_password" type="password" autocomplete="current-password">
</div>
<div>
<input type="submit" value="Test">
</div>
</form>
L'identifiant est une adresse e-mail
<form action="#">
<div>
<label for="login2_email">Adresse e-mail</label>
<input id="login2_email" name="login2_email" type="email" autocomplete="username">
</div>
<div>
<label for="login2_password">Mot de passe</label>
<input id="login2_password" name="login2_password" type="password" autocomplete="current-password">
</div>
<div>
<input type="submit" value="Test">
</div>
</form>