This page has been robot translated, sorry for typos if any. Original content here.

Insert multimédia

Travailler avec des formulaires

Pour trahir des éléments d'interactivité sur votre site, vous devez utiliser des formulaires. Les commentaires des visiteurs sont un domaine important dans le développement et l’efficacité de votre site. Les formulaires peuvent être divisés en quatre catégories:

  1. Pour interroger les visiteurs . Vous donne la possibilité de répondre à des questions pré-préparées avec des options pour y répondre ou des champs de texte libres que vous remplissez vous-même. Avec leur aide, vous obtiendrez les informations dont vous avez besoin en temps réel.
  2. Formulaire de révision . Cela pourrait inclure, par exemple, le populaire "livre d'or". Il donne aux visiteurs la possibilité d'exprimer leurs opinions, d'écrire sur leurs problèmes et leurs questions, de faire des suggestions et des commentaires, ou d'apporter des remerciements.
  3. Pour collecter des données . Servir principalement en tant qu'élément lors de l'inscription d'un visiteur du site. Il a la forme d'un questionnaire normal.
  4. Différents champs de saisie (recherche, saisie du mot de passe, etc.).

Toutes les données spécifiées dans le formulaire sont traitées et transmises au moyen de scripts écrits dans les langages de programmation Perl (extension de fichier .cgi ) et PHP (avec extension .php ).

Pour placer un formulaire sur une page Web, utilisez la balise <FORM> avec les attributs:

  • ACTION - active le fichier de script appliqué au formulaire.
  • NOM - identifie le formulaire.
  • METHOD - méthode de transfert de données de formulaire. Valeurs: "post" (envoi par e-mail) et get (par domaine).

Mais tout cela ne suffira pas pour qu'un formulaire apparaisse sur la page. Des informations supplémentaires sont nécessaires dans le code HTML décrivant les divers éléments de formulaire. Il peut s'agir de champs de saisie , de boutons , de commutateurs , etc. Nous les examinerons dans l'ordre.

Champs de saisie

Conçu pour entrer un petit texte ou des caractères (mot de passe). Ce sont des graphiques encadrés de la page, limités en hauteur par la taille de la police et par un nombre écrit par l'application d'information. En termes techniques, cela se fait de la manière suivante. La balise universelle <INPUT> est utilisée lors de la création des formulaires, auxquels des attributs sont ensuite affectés:

  • TYPE - indique le type d'informations entrées. Valeurs: texte (texte), mot de passe (astérisques) et cache (les informations ne seront pas affichées).
  • NOM - attribue un nom au champ.
  • TAILLE - longueur du champ. (la valeur est indiquée dans le nombre de caractères)
  • MAXLENGHT - limite au nombre de caractères entrés.
  • VALEUR - utilisé dans les cas où vous devez renseigner les champs pour saisir des informations au moment du chargement de la page.

Remarque: l'application informative au champ peut être enregistrée dans le code, à la fois avant et après la balise <INPUT> . Un exemple de création d'un champ de mot de passe:

<INPUT TYPE = "text" NAME = "login" SIZE = "12" VALUE = "votre login"> Login

Mot de passe <INPUT TYPE = "mot de passe" NAME = "pass" SIZE = "25" MAXLENGHT = "24" VALEUR "Maximum de 24 caractères">

Après avoir compilé ce code, vous verrez le formulaire dans le navigateur, mais vous n'y trouverez pas les boutons habituels. Le discours à leur sujet continue.

Champs de texte

Ces champs diffèrent des champs de saisie en ce sens qu'ils peuvent être saisis avec un texte illimité. Par conséquent, ils sont fournis avec une barre de défilement. Pour placer des champs de texte sur une page en langage HTML, la balise <TEXTAREA> est destinée à laquelle les attributs suivants peuvent être attribués:

  • COLS - largeur de la fenêtre (en nombre de caractères).
  • ROWS - hauteur de la fenêtre (en nombre de caractères).
  • NOM - informations pour l'identification.
  • VALEUR - informations dans la fenêtre au moment du chargement.

Champs de transfert de fichier

Ils sont utilisés pour envoyer n’importe quel fichier avec les données saisies dans le formulaire. Pour ce faire, vous devez créer le formulaire lui-même à l'aide de la balise <INPUT> et de l'attribut TYPE avec la valeur "fichier" . Ensuite, nous activons le fichier de script via l'attribut ACTION et tout est prêt.

Boutons

Les boutons sont principalement destinés à l'envoi de données enregistrées dans un formulaire ou à la réinitialisation d'informations dans un formulaire. Dans le premier cas, l'attribut TYPE de la balise <INPUT> indique la valeur de submit , dans le second, la réinitialisation . Pour afficher les boutons sur la page, vous devez ajouter les attributs familiers de VALUE AND NAME à la balise <INPUT> . Les formulaires utilisent également d'autres boutons plus complexes et "sophistiqués" qui fonctionnent déjà directement avec des scripts JavaScript.

Bascule et drapeaux

Dans ce domaine, ils ont l'habitude de sonder les visiteurs du site en sélectionnant des options préparées à l'avance. Lorsque vous placez des commutateurs sur la page, la même balise <INPUT> et le même attribut TYPE sont utilisés, dont la valeur sera:

  • radio - la désignation du commutateur dans le langage HTML.
  • name - l'identifiant du commutateur. (Pour tous les commutateurs du même groupe, les mêmes valeurs doivent être attribuées).
  • valeur - l'identifiant du commutateur sélectionné par le visiteur. (les valeurs pour chaque commutateur du même groupe doivent être différentes.
  • sélectionné cheked - indique quel commutateur sera activé au démarrage.

Les drapeaux, selon le principe d'action, diffèrent des commutateurs en ce qu'ils permettent de sélectionner un élément de la liste et un élément ou non. Dans l'attribut TYPE , ils sont indiqués par la valeur de la case à cocher. En plus de l'attribut ci-dessus dans la balise <INPUT>, attribut NAME et CHECKED . Dans le premier, un nom d'élément est attribué. Le second est défini à volonté, il déterminera quel élément sera coché par défaut.

Liste déroulante et

Ces listes se trouvent souvent non seulement sur des pages Web, mais également dans divers autres programmes informatiques, où il convient de choisir l'un d'entre eux. Par exemple, le nom de la police dans un éditeur de texte.

Listes déroulantes compilées en code HTML comme suit. Les conteneurs <OPTION> sont insérés dans le conteneur <SELECT> , chaque conteneur <OPTION> constituant un élément de la liste. En même temps, les attributs familiers NAM E et SIZE sont attribués à la balise <SELECT> , et VALEUR et SELECTED (sélection par défaut de l'élément de liste) sont attribués à la balise <OPTION> .

En pratique, tous les formulaires ci-dessus sont principalement utilisés avec des scripts JavaScript , que le navigateur doit consigner dans le conteneur <HEAD> .

Si l'application des formulaires est effectuée par le complexe, il est plus pratique d'utiliser la méthode tabulaire lorsque ceux-ci sont disposés.