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

Insertion multimédia

Travailler avec des formulaires

Pour trahir les éléments d'interactivité de votre site, vous devez appliquer des formulaires. La rétroaction des visiteurs est le domaine le plus important dans le développement et l'efficacité de votre site Web. Les formulaires peuvent être conditionnellement divisés en quatre catégories:

  1. Pour interroger les visiteurs . Il donne l'occasion de répondre à des questions pré-préparées avec des réponses ou des champs de texte libre qui sont remplis par eux indépendamment. Avec leur aide, vous obtenez en temps réel les informations dont vous avez besoin.
  2. Formulaire pour commentaires . Cela peut inclure, par exemple, un "livre d'or" populaire. Il permet aux visiteurs d'exprimer leurs opinions, d'écrire sur leurs problèmes et problèmes, de faire des suggestions et des commentaires ou de les remercier.
  3. Pour la collecte de données . Ils servent principalement d'élément lors de l'inscription d'un visiteur du site. Cela ressemble à un questionnaire régulier.
  4. Divers champs de saisie (recherche, saisie de mot de passe, etc.).

Toutes les données spécifiées dans le formulaire sont traitées et transmises par des scripts écrits en langage de programmation Perl (extension du fichier .cgi ) et PHP (avec l'extension .php ).

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

  • ACTION - active le fichier script appliqué au formulaire.
  • NAME - identifie le formulaire.
  • MÉTHODE - la méthode de la forme de transmission de données. Valeurs: "post" (envoi à e-mail) et get (au domaine).

Mais tout cela ne suffira pas à former une page sur la page. Besoin d'informations supplémentaires dans le code HTML, qui décrirait les différents éléments du formulaire. Ils peuvent être différents champs pour l'entrée , les boutons , les commutateurs , etc. Nous les considérerons dans l'ordre.

Champs de saisie

Sont destinés à l'entrée du petit texte ou des caractères (saisie du mot de passe). Ce sont des sections de la page séparées par des cadres, limitées en hauteur par la taille de la police et un certain nombre d'applications d'information écrites. En termes techniques, ceci est fait comme suit. Un tag <INPUT> générique est utilisé , auquel sont affectés des attributs:

  • TYPE - indique le type d'information à entrer. Valeurs: texte (texte), mot de passe (astérisques) et hidder (les informations ne seront pas affichées).
  • NAME - attribue un nom au champ.
  • TAILLE est la longueur du champ. (la valeur est indiquée dans le nombre de caractères)
  • MAXLENGHT - limite sur le nombre de caractères à entrer.
  • VALUE - il est utilisé dans les cas où il est nécessaire de remplir les champs pour entrer des informations au moment du chargement de la page.

Remarque: L'application d'information dans le champ peut être écrite dans le code, avant et après la balise <INPUT> . Exemple de création d'un champ de mot de passe:

<INPUT TYPE = "text" NAME = "login" TAILLE = "12" VALUE = "votre identifiant"> Connexion

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

Après avoir compilé ce code, vous verrez un formulaire dans le navigateur, mais vous ne trouverez pas les boutons habituels dedans. Nous en parlerons plus loin.

Champs de texte

Ces champs diffèrent des champs de saisie en ce que vous pouvez entrer du texte illimité. Par conséquent, ils sont équipés d'une barre de défilement. Pour placer des champs de texte sur une page en HTML, la balise <TEXTAREA> est utilisée , avec les attributs suivants:

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

Champs de transfert de fichiers

Servi pour envoyer un fichier avec les données saisies dans le formulaire. Pour ce faire, vous devez créer le formulaire lui-même en utilisant la balise <INPUT> et l'attribut TYPE avec la valeur "file" . Ensuite, nous activons le fichier de script via l'attribut ACTION et tout est prêt.

Boutons

Les boutons sont principalement utilisés pour envoyer des données écrites sur le formulaire ou pour réinitialiser les informations dans le formulaire. Dans le premier cas, l'attribut TYPE de la balise <INPUT> spécifie la valeur de submit , dans la seconde - reset . Pour afficher les boutons sur la page, vous devez ajouter les attributs VALUE AND NAME déjà connus à la balise <INPUT> . Les formulaires utilisent également d'autres boutons plus complexes et «surchargés» qui fonctionnent directement avec les scripts JavaScript.

Commutateurs et drapeaux

Dans ce domaine, ils sont utilisés pour interroger les visiteurs du site en sélectionnant des options pré-préparées. Lorsque vous placez des commutateurs sur une page, la même balise <INPUT> et l'attribut TYPE sont appliqués, dont la valeur sera:

  • radio - la désignation d'un commutateur en HTML.
  • name est l'identifiant du commutateur. (pour tous les commutateurs du même groupe, les mêmes valeurs doivent être affectées).
  • value - l'identifiant du commutateur sélectionné par le visiteur. (Les valeurs de chaque commutateur d'un groupe doivent être différentes.
  • Cheked sélectionné - montre quel commutateur sera activé au démarrage.

Les drapeaux, selon le principe de fonctionnement, diffèrent des interrupteurs en ce qu'ils peuvent être utilisés pour sélectionner comme un élément de la liste, ou tous ou pas un. 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> , les attributs NAME et CHECKED . Dans le premier, le nom de l'élément est affecté. La seconde est définie à volonté, elle déterminera quel élément sera marqué par défaut.

Listes déroulantes et

De telles listes sont souvent trouvées non seulement sur des pages Web, mais également dans divers autres programmes informatiques, où l'une des listes suggérées devrait être sélectionnée. Par exemple, le nom de la police dans un éditeur de texte.

Les listes déroulantes sont créées dans le code HTML comme suit. Les conteneurs <OPTION > sont insérés dans le conteneur <SELECT> , où chaque conteneur <OPTION> sera un élément de la liste. Dans ce cas, les attributs familiers de NAM E et SIZE sont affectés à la balise <SELECT> et à la balise <OPTION> - VALUE et SELECTED (sélection de l'élément de liste par défaut).

En pratique, tous les formulaires ci-dessus trouvent des applications principalement en conjonction avec des scripts JavaScript , que le navigateur doit signaler dans le conteneur <HEAD> .

Si les formulaires de demande sont complexes, lorsque vous les liez sur une page, il est plus pratique d'utiliser la méthode tabulaire.