Bienvenue sur le site de Jef

Utilisation

Les formulaires interactifs permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant par exemple un dialogue avec les internautes

La balise <FORM>

Les formulaires sont délimités par la balise <FORM> ... </FORM>

• METHOD indique sous quelle forme seront envoyées les réponses
• ACTION indique l'adresse d'envoi (script CGI ou adresse email (mailto:adresse.email@machine))

Voici quelques exemples de balises FORM :
<FORM METHOD=POST ACTION="mailto:webmaster@online.net">
<FORM METHOD=GET ACTION="http://www.jefrebaud.fr/cgi-bin/script.cgi">

Zone de texte

Prénom

    
    <label for="txtNom"> Prénom:</label>
    <input type="text" title="" maxlength="" size="" name="txtNom" value="">
    
    

Boutons radio

Quel est la demande:
: Devis
: Conseil
: Autre

    
    <label for="demande">Quel est la demande:</label>
    <input type="radio" name="objet" value="devis"   id="demande" /> : Devis 
    <input type="radio" name="objet" value="conseil"/>  : Conseil 
    <input type="radio" name="objet" value="autre"/>    : Autre
    <input name="autre" id="autre" type="text" value="" />
    
    

Utilisation de la balise fieldset et legend

Contactez-nous

Quel est la demande:
: Devis
: Conseil
: Autre

    
    <fieldset>
    <legend>Contactez-nous</legend>
    
    <label for="demande">Quel est la demande:</label>
    <input type="radio" name="objet" value="devis"   id="demande" /> : Devis 
    <input type="radio" name="objet" value="conseil"/>  : Conseil 
    <input type="radio" name="objet" value="autre"/>    : Autre
    <input name="autre" id="autre" type="text" value="" />
    
    </fieldset>
    
    

Les checkbox

Rouge
Vert
Bleu
Jaune

    
    <input type=checkbox value="rouge" name="chk0" title="" />Rouge
    <input type=checkbox value="vert"  name="chk1" title="" />Vert
    <input type=checkbox value="bleu"  name="chk2" title="" />Bleu
    <input type=checkbox value="jaune" name="chk3" title="" />Jaune
    
    

Textarea

Le bonheur, pour vous, c'est quoi ?

    <label for=bonheur>Le bonheur, pour vous, c'est quoi ? </label>
    
    <textarea id=bonheur name=bonheur rows=5 cols=45 title=""></textarea>
    
    

Select

Votre capitale européenne préférée:
Faites votre choix ... Paris Londres Rome Madrid

    
    <label for="ville">Votre capitale européenne préférée:</label>
    <select id="ville" name="noville" title="">
    <option value="" selected="selected">Faites votre choix ...</option>
    <optgroup label="Europe du Nord">
    <option value="Paris">Paris</option>
    <option value="Londres">Londres</option>
    </optgroup>
    <optgroup label="Europe du Sud">
    <option value="Rome">Rome</option>
    <option value="Madrid">Madrid</option>
    </optgroup>
    </select>
    
    

Les boutons

    
    <input type="submit" name="Submit1" value="Envoyer"  />
    <input type="reset" name="Submit2" value="Reinitialiser"  />
    
    

Les boutons images

    
    <input type="image" alt="Envoyer" src="/images/icons/envoyer.jpg" value="Envoyer" />
    
    

Les attributs de <form>