Box médias

Utilisation de formulaires

Pour mettre votre site des éléments interactifs devraient être appliqués sous forme. Les commentaires des visiteurs - un domaine clé dans le développement et l'efficacité de votre site Web. Les formes peuvent être divisés en quatre catégories:

  1. Pour un sondage auprès des visiteurs. Il donne la possibilité de répondre aux questions préalables avec des variantes de réponses à eux ou par des champs de texte libre, qui sont remplis de leur propre. Avec leur aide, vous obtenez les informations dont vous avez besoin en temps réel.
  2. Le formulaire de rétroaction. Cela pourrait inclure, par exemple, le "livre d'or" populaire. Il donne aux visiteurs la possibilité d'exprimer leur opinion, d'écrire au sujet de leurs problèmes et des questions, faire des suggestions et des commentaires, ou d'apporter gratitude.
  3. Pour la collecte des données. Ils sont utilisés dans les éléments de base du visiteur du site d'enregistrement. Il semble que les profils habituels.
  4. Diverses zones de saisie (recherche, mot de passe, etc. Etc.).

Toutes les données spécifiées sous forme de traité et transmis par des scripts écrits dans le langage Perl de programmation (extension de fichier .cgi) et PHP (avec l'extension .php).

Pour placer un formulaire sur une page Web utilisée balise <FORM> avec les attributs:

  • ACTION - active appliquée pour former un fichier de script.
  • NOM - identifie la forme.
  • METHODE - méthode de la forme de transfert de données. Valeurs: "post" (envoyé à l'adresse e-mail) et obtenir (domaine).

Mais tout cela ne sera pas suffisant pour afficher le formulaire sur la page. Besoin de plus d'informations dans le code HTML qui décrit les différents éléments de la forme. Ils peuvent avoir des champs de saisie, boutons, interrupteurs, etc. Nous allons les examiner dans l' ordre.

les champs d'entrée

Conçu pour un petit texte d'entrée ou de caractères (mot de passe). Ils sont une sections page châssis dédiés, hauteur limitée taille des caractères et un certain nombre d'applications d'information écrites. En termes techniques, il est comme suit. Commence dans la préparation d'une forme universelle tag <INPUT>, qui est ensuite affecté aux attributs:

  • TYPE - indique le type de données d'entrée. Valeurs: texte (texte), mot de passe (astérisque) et hidder (informations ne sera pas affiché).
  • NAME - attribue un nom au champ.
  • TAILLE - champ de longueur. (La valeur est exprimée en nombre de caractères)
  • MAXLENGHT - le nombre de limite de caractères d'entrée.
  • VALUE - utilisé dans les cas où vous devez remplir les champs pour entrer des informations au moment où la page est chargée.

Note: L' annexe informatif sur le terrain peut être écrit dans le code, à la fois avant et après la balise <INPUT>. Exemple de création d'un champ de saisie d'un mot de passe:

<Input type = "text" NAME = "login" SIZE = " 12" VALUE = "Votre nom d' utilisateur"> Connexion

Mot de passe <INPUT TYPE = "password" NAME = "pass" size = " 25" MAXLENGHT = "24" valeur "24 caractères maximum">

Après avoir compilé ce code, vous verrez sous la forme d'un navigateur, mais ne trouvez pas en elle les boutons habituels. Parler d'eux va se poursuivre.

Les champs de texte

Ces champs sont différents des champs de saisie de sorte que dans eux, vous pouvez saisir du texte illimité. Par conséquent, ils sont fournis avec la barre de défilement. Pour placer des zones de texte sur la page dans la langue de HTML est la balise <textarea>, où les attributs suivants peuvent être affectés:

  • COLS - largeur de la fenêtre (en nombre de symboles).
  • RANGS - la hauteur de la fenêtre (en nombre de caractères).
  • NAME - informations d' identification.
  • VALUE - informations dans la fenêtre au moment du chargement.

Les champs pour le transfert de fichiers

Ils sont utilisés pour l'envoi d'un fichier de données en même temps que la forme imposée. Pour ce faire, vous devez créer le formulaire lui - même en utilisant la balise <INPUT> et l' attribut TYPE avec une valeur de "fichier". Ensuite , nous faisons le fichier de script grâce à l'attribut ACTION d'activation et vous avez terminé.

bouton

Les clés sont essentiellement conçus pour envoyer des données écrites dans le moule, ou pour remettre à zéro les informations contenues dans le formulaire. Dans le premier cas, l'attribut TYPE de la balise <INPUT> indique la valeur de soumettre, dans le second - réinitialiser. Pour afficher les boutons sur la page, vous devez marquer <INPUT> pour vous ajouter déjà des attributs familiers VALEUR ET NOM. Les formulaires sont également utilisés, et d' autres plus complexes et "entassés" boutons qui travaillent déjà directement avec des scripts JavaScript.

Interrupteurs et boîtes

Dans ce domaine, ils sont utilisés pour le sondage auprès des visiteurs du site, en sélectionnant les options prédéfinies. Lorsque vous placez le commutateur sur la page, appliquer toutes la même balise <INPUT> et atrribut TYPE, dont la valeur sera:

  • la radio - marquant le passage à la langue de HTML.
  • Nom - Commutateur ID. (Tous les commutateurs d'un groupe doivent être nécessairement affectés de la même valeur).
  • valeur - ID de commutateur qui a été choisi par le visiteur. (Les valeurs de chaque commutateur dans un groupe doit être spécifié des valeurs différentes.
  • sélectionné cheked - il montre comment l'interrupteur sera activé au moment du chargement.

Drapeaux, selon le principe d'action différent de celui des commutateurs qui peuvent être identifiés comme un élément de la liste en les utilisant, et la totalité ou une. L'attribut TYPE ils sont désignés case de valeur. En plus de l'attribut mentionné ci-dessus dans la balise <INPUT> NOM et VÉRIFIÉ attributs. Le premier élément est attribué un nom. Deuxième placé comme souhaité, il déterminera quels éléments seront vérifiés par case à cocher par défaut.

Liste déroulante et

Ces listes sont souvent trouvés non seulement sur les pages Web, mais aussi dans divers autres programmes informatiques de la liste où vous avez besoin de choisir quelque chose d'un. Par exemple, le nom de la police dans l'éditeur de texte.

Des listes déroulantes sont établis dans le code HTML de la manière suivante. Les conteneurs <SELECT> Conteneurs insérés <OPTION>, où chaque conteneur <OPTION> sera un élément dans la liste. Dans le même temps à la balise <SELECT> assign attribue familier NAM E, et la taille, mais pour marquer <OPTION> - VALUE et CHOISIS (liste par défaut de l' élément de choix).

Toutes ces formes dans la pratique sont principalement utilisés en conjonction avec le JavaScript du navigateur qui doit être rapporté dans un conteneur <HEAD>.

Si le formulaire de demande est effectuée complexe, puis pour leur disposition sur le plus pratique d'utiliser la méthode de la table de page.