HTML




Tags interactif pour FORM



INPUT

est essentielle pour les formulaires,permet de créer des éléments "interactifs" tel boutons et de champs de saisie

exemple <INPUT type="Nom du champ" value="Valeur par défaut" name="Nom de l'élément">

TAG ATTRIBUT VALEUR RESULTAT EFFET VISUEL
<INPUT> TYPE text simple ligne de texte dont la longueur
est donnée par l'attribut size
submit effectue l'ACTION dans le marqueur <FORM>
reset efface le contenu du formulaire
checkbox case à cocher
radio bouton radio
NAME   Nom  
SIZE   Taille du texte  




TYPE permet de préciser le type d'élément que représente la balise INPUT, voici les valeurs que ce champ peut prendre:
VALEUR EXPLICATION
  • checkbox
    		•
  • cases à cocher pouvant admettre deux états: checked (coché) et unchecked(non coché). Lorsque la case est coché la paire nom/valeur est envoyée au CGI
    		•
  • hidden
    		•
  • champ caché. Ce champ non visible sur le formulaire permet de préciser un paramètre fixe qui sera envoyé au CGI sous forme de paire nom/valeur
    		•
  • file
    		•
  • champ permettant à l'utilisateur de préciser l'emplacement d'un fichier qui sera envoyé avec le formulaire. Il faut dans ce cas préciser le type de données pouvant être envoyées grâce à l'attribut ACCEPT de la balise FORM
    		•
  • image
    		•
  • bouton de soumission personnalisé dont l'apparence est l'image situé à l'emplacement précisé par son attribut SRC
    		•
  • password
    		•
  • champ de saisie dans lequel les caractères saisis apparaissent sous forme d'astérisques afin de camoufler la saisie de l'utilisateur
    		•
  • radio
    		•
  • boutonpermettant un choix parmi plusieurs proposés (l'ensemble des boutons radios devant porter le même attributname. La paire nom/valeur du bouton radio sélectionné sera envoyé au CGI. Un attribut checked pour un des boutons permet de préciser le bouton sélectionné par défaut
    		•
  • reset
    		•
  • bouton de remise à zéro permettant uniquement de rétablir l'ensemble des éléments du formulaire à leurs valeurs par défaut
    		•
  • submit
    		•
  • bouton de soumission permettant l'envoi du formulaire. Le texte du bouton peut être précisé grâce à l'attribut value
    		•
  • texte
    		•
  • champ de saisie permettant la saisie d'une ligne de texte. La taille du champ peut être définie à l'aide de l'attribut size et la taille maximale du texte saisi grâce à l'attribut maxlength
    		•


    NAME est primordial car il permet au script CGI de connaître le champ associé à la paire nom/valeur, c'est-à-dire que le nom du champ sera suivi du caractère "=" puis de la valeur entrée par l'utilisateur, ou dans le cas contraire de la valeur par défaut repéré par l'attribut value.




    TEXTAREA:

    Il permet de définir une zone de saisie plus vaste par rapport à la simple ligne de saisie d'INPUT.
    TAG ATTRIBUT VALEUR RESULTAT EFFET VISUEL
    <TEXTAREA> ... </TEXTAREA> NAME   Zone de texte
    ROWS  
    COLS  


    ATTRIBUT EXPLICATION
  • cols
    		•
  • représente le nombre de caractères que peut contenir une ligne
    		•
  • rows
    		•
  • représente le nombre de lignes
    		•
  • name
    		•
  • représente le nom associé au champ, c'est le nom qui permettra d'identifier le champ dans la paire nom/valeur
    		•
  • readonly
    		•
  • permet d'empêcher l'utilisateur de modifier le texte entré par défaut dans le champ
    		•
  • value
    		•
  • représente la valeur qui sera envoyée par défaut au script si le champ de saisie n'est pas modifié par une frappe de l'utilisateur
    		•






    SELECT

    Elle permet de créer une liste déroulante d'éléments (précisés par des balises OPTION à l'intérieur de celle-ci).
    TAG ATTRIBUT VALEUR RESULTAT EFFET VISUEL
    <SELECT>

    <OPTION> ... </OPTION>

    </SELECT>

    		 NAME    
    MULTIPLE   Plusieurs choix possibles
    <OPTION> ... </OPTION> SELECTED Option par défaut  
    VALUE Valeur forcée  


    ATTRIBUT EXPLICATION
  • name
    		•
  • représente le nom associé au champ, c'est le nom qui permettra d'identifier le champ dans la paire nom/valeur
    		•
  • disabled
    		•
  • permet de créer une liste désactivée, c'est-à-dire affichée en grisée
    		•
  • size
    		•
  • représente le nombre de lignes dans la liste (cette valeur peut être plus grande que le nombre d'éléments effectifs dans la liste)
    		•
  • multiple
    		•
  • marque la possibilité pour l'utilisateur de choisir plusieurs champs dans la liste
    		•




    Envoi des données

    Lorsqu'un formulaire est soumis (appui sur le bouton de soumission), les données présentes dans le formulaire sont envoyées au script CGI sous forme de paires nom/valeur, c'est-à-dire un ensemble de données représentées par le nom de l'élément de formulaire, le caractère "=", puis la valeur associée. L'ensemble de ces paires nom/valeur étant séparées entre elles par des esperluettes (caractère &). Les données envoyées ressembleront donc à ceci:

    champ1=valeur1&champ2=valeur2&champ3=valeur3 Dans le cas de la méthode GET (envoi des données à travers l'URL), l'URL ressemblera à une chaîne du genre:

    http://www.multimania.com/cza/cgi-bin/script.cgi?champ1=valeur1&champ2=valeur2&champ3=valeur3




    Intro Attribut Tableau
    Base formulaire
    Modele Page formulaire2
    Code Couleurs exemple
    Caractere Frames
    Structure Metatags
    Caractères Spéciaux Transfert
    Images Config FTP
    Hyperliens Divers
    Tableaux Adresses Utiles
    Tableaux 3 Autre Couleurs
    Couleurs en Anglais Convertisseur

    cette page date de jours