Cette démonstration contient plusieurs objets HTML spécifique aux formulaires tels que des boutons ou des champs textes ou encore des cases à option.
Sinon, l'envoi du formulaire s'effectue vers une adresse courrier par une méthode de transmission "Post" et un type d'encodage des données.
Par ailleurs, le formulaire fait appel à une fonction Javascript® afin de contrôler la validité des renseignements fournis par l'usager.

<form 
               name="form"
               method="post"
               action="mailto:message@laltruiste.com"
               enctype="text/plain"
               onsubmit="return validation_form()">
Nom : 

 
<input 
         type="text" 
         name="nom"
         size="20" 
         value="Votre Nom de famille">
eMail : 

 
<input 
         type="text" 
         name="courrier"
         size="20" 
         value="Votre adresse email">
Société : 

 
<input 
         type="text" 
         name="societe"
         size="20" 
         value="Votre société">
Adresse : 
 
<input 
         type="text" 
         name="adresse" 
         size="30" 
         value="Votre adresse personnelle">
Adresse : 
 
<input 
         type="text" 
         name="adresse2" 
         size="30"
         value="Suite de votre adresse">
Ville : 

 
<input 
         type="text" 
         name="ville" 
         size="20"
         value="Nom de la ville">
Pays : 

 
<input 
         type="text" 
         name="pays" 
         size="2" 
         maxlength="2"
         value="FR">
Code postal : 

 
<input 
         type="text" 
         name="code_postal" 
         size="7"
         value="00000">
Quels produits ou
services vous intéressent ?
Graphisme des pages Web
Programmation Javascript
Développement réseau
Consultation Internet		 
<input 
   type="checkbox" 
   name="graphisme" 
   value="yes">
<input 
         type="checkbox" 
         name="javascript" 
         value="yes">
<input 
         type="checkbox" 
         name="reseau" 
         value="yes">
<input 
         type="checkbox" 
         name="consultation" 
         value="yes">
Comment avez-vous fait
pour venir sur ce site ?
 
<select name="provenance">
   <option>A l'aide d'un site JavaScript</option>
   <option>Moteur de recherche</option>
   <option>Relation</option>
   <option selected>Autre</option>
</select>
Si autre, veuillez préciser :

 
<input 
         type="text" 
         name="Renseignement"
         value="Comment avez-vous connu ce site ?" 
         size="30">
Commentaire:


 
<textarea 
         name="commentaire" 
         rows="8" cols="20" 
         wrap="virtual">
Questions, commentaires ou autres...
</textarea>
 

<input 
         type="submit" 
         name="submit" 
         value="Envoyer" 
         onclick="alert('Demo Script: Le bouton de '
                           +'soumission est inactif!')">
 
<input 
         type="reset" 
         value="Annuler">
 
</form>

LE CODE JAVASCRIPT NECESSAIRE A LA VALIDATION DES DONNEES DU FORMULAIRE

Dans cet exemple, l'expédition du formulaire vers une adresse courrier quelconque pourrait nécessiter un programme spécifique écrit en Javascript afin de contrôler la validité des données apportées par l'utilisateur. Ce script se place dans l'en-tête du document HTML

<script language="JavaScript">
  function validation_form() {
    valide = true; // assume valid
    if (!verif_vide(document.form.nom.value))
          { valide = false; alert('Le nom est vide !'); }
    if (!verif_email(document.form.courrier.value))
          { valide = false; alert('L'adresse email est invalide !'); }
    if (!verif_vide(document.form.societe.value))
          { valide = false; alert('La société est vide !'); }
    if (!verif_vide(document.form.adresse.value))
          { valide = false; alert('L'adresse est vide !'); }
    if (!verif_vide(document.form.ville.value))
          { valide = false; alert('La ville est vide !'); }
    if (!verif_vide(document.form.pays.value))
          { valide = false; alert('Le pays est vide !'); }
    if (!verif_vide(document.form.code_postal.value))
          { valide = false; alert('Le code postal est vide !'); }
    if (valide)
          alert ("Vous allez envoyer un email à partir de ce formulaire.");
    return valide;
  }

  function verif_vide(texte) {
    return (texte.length > 0);
  }

  function verif_email(email) {
    if ((email == "")
          || (email.indexOf ('@') == -1)
          || (email.indexOf ('.') == -1))
      return false;
    return true;
  }
</script>