Champs texte

  • Sur une seule ligne
    • code HTML : 
    Nom de Famille : <input type='text' name='nom_de_famille'/>
    Vous obtenez : 
    Nom de Famille :
    L'attribut name (ici nom_de_famille) permettra au script qui va traiter le formulaire de récupérer la valeur entrée par l'utilisateur.

  • Pour un mot de passe
    • C'est exactement la même chose que précédemment sauf que le type password aura pour effet de ne pas afficher les caractères entrés par l'utilisateur : 
    Mot de passe : <input type="password" name="mot_de_passe"/>
    Vous obtenez : 
    Mot de passe :

  • Champs texte sur plusieurs ligne
    • Vous tapez : 
    Donnez en quelques lignes les raisons pour lesquelles vous méritez ce travail :<br/>
<textarea name="merite" rows="5" cols="60">
Maximum 10 lignes.
</textarea>
    Vous obtenez : 
    Donnez en quelques lignes les raisons pour lesquelles vous méritez ce travail :

  • Case à cocher
    • Vous tapez : 
    Disposez vous d'un téléviseur <input type="checkbox" name="redevance_tv"/><br/>
Avez-vous effectué un temps partiel <input type="checkbox" name="tps_partiel"/>
    Vous obtenez : 
    Disposez vous d'un téléviseur 
    
Avez-vous effectué un temps partiel

  • Bouton radio
    • Vous tapez : 
    Sexe :<br/>
<input type="radio" name="sexe" value="homme"/> Homme<br/>
<input type="radio" name="sexe" value="femme"/> Femme
    Vous obtenez : 
    Sexe :
    
 Homme
    
 Femme

  • Liste de sélection
    • Vous tapez : 
    Type de contrat <select name="contrat"/>
<option>Sélectionner une valeur</option>
<option>Sans</option>
<option>Intérim</option>
<option>CDD</option>
<option>CDI</option>
</select>
    Vous obtenez : 
    Type de contrat

  • Bouton de soumission du formulaire
    • Vous tapez : 
    <input type="submit" value="Envoyer"/>
    Vous obtenez :