HTML5 : les formulaires

Magazine
Marque
Linux Pratique
Numéro
73
Mois de parution
septembre 2012
Domaines


Résumé
Cet article entame une série à propos des améliorations apportées par HTML5, sachant que de nouvelles sont encore en préparation... Il s’agit ici de partir d’un formulaire simple écrit en XHTML et de le refaire en HTML5.

1. Point de départ

Voici un formulaire de contact écrit en XHTML :

<form action="path/to/action">

<p>

  <label for="name">Votre nom :</label>

  <input type="text" id="name" name="name" />

</p>

<p>

  <label for="age">Votre âge :</label>

  <input type="text" id="age" name="age" />

</p>

<p>

  <label for="mail">Votre courriel :</label>

  <input type="text" id="mail" name="mail" />

</p>

<p>

  <label for="phone">Votre téléphone :</label>

  <input type="text" id="phone" name="phone" />

</p>

<p>

  <label for="website">Votre site Internet :</label>

  <input type="text" id="website" name="website" />

</p>

<p>

  <label for="delay">Délai de réponse attendu (en jours ouvrés) :</label>

  <input type="text" id="delay" name="delay" />

</p>

<p>

  <label for="message">Votre message :</label>

  <textarea id="message" name="message" cols="50" rows="5"></textarea>

</p>

<p>

  <input type="submit" value="Envoyer" />

  <input type="reset" value="Effacer" />

</p>

On trouve des champs relativement diversifiés (pas forcément utiles...

Cet article est réservé aux abonnés. Il vous reste 91% à découvrir.
à partir de 21,65€ HT/mois/lecteur pour un accès 5 lecteurs à toute la plateforme
J'en profite


Articles qui pourraient vous intéresser...

Notes : commentez votre navigation sur le Web

Magazine
Marque
Linux Pratique
Numéro
121
Mois de parution
septembre 2020
Domaines
Résumé

Développée par Mozilla Firefox, Notes est une extension pour votre navigateur web qui va ajouter un panneau latéral dans ce dernier afin que vous puissiez y apporter vos annotations lors de vos explorations sur la Toile.