Formulaire laid HTML. Formulaires en HTML. I. Saisie manuelle des données

Étiqueter

(de l'anglais formulaire- formulaire) installe un formulaire sur une page Web.

Le formulaire est destiné à l'échange de données entre l'utilisateur et le serveur. Le champ d'application des formulaires ne se limite pas à l'envoi de données au serveur ; à l'aide de scripts clients, vous pouvez accéder à n'importe quel élément du formulaire, le modifier et l'appliquer à votre discrétion.

Un document peut contenir un nombre illimité de formulaires, mais un seul formulaire peut être soumis au serveur à la fois. Pour cette raison, les données du formulaire doivent être indépendantes les unes des autres.

Pour soumettre le formulaire au serveur, utilisez le bouton Soumettre, la même chose peut être obtenue en appuyant sur la touche Entrée dans le formulaire. Si le bouton Soumettre est manquant sur le formulaire, Touche Entrée imite son utilisation.

Lorsque le formulaire est soumis au serveur, le contrôle des données est transféré au programme spécifié par l'attribut action de l'élément . Auparavant, le navigateur prépare les informations sous la forme d'une paire « nom=valeur », où le nom est déterminé par l'attribut name de l'élément. , et la valeur est saisie par l'utilisateur ou définie sur le champ de formulaire par défaut. Si la méthode GET est utilisée pour envoyer des données, la barre d'adresse peut prendre la forme suivante.

Http://www.htmlbook.ru/handler.php?nick=%C2%E0%ED%FF+%D8%E0%EF%EE%F7%EA%E8%ED&page=5

Les paramètres sont répertoriés après le point d'interrogation spécifié après l'adresse du programme serveur et sont séparés par une esperluette (&). Les lettres russes sont converties en représentation hexadécimale (sous la forme %HH, où HH est code hexadécimal pour une valeur de caractère ASCII), l'espace est remplacé par un plus (+).

Autorisé à l'intérieur du conteneur placez d'autres éléments, alors que le formulaire lui-même n'est en aucun cas affiché sur la page Web, seuls les éléments qu'il contient sont visibles.

Syntaxe

...

La balise fermante est obligatoire.

WAI ARIA

Valeur du rôle par défaut : formulaire

Valeurs de rôle valides :

  • aucun
  • présentation
  • recherche

Attributs

  • accept-charset - Définit le codage dans lequel le serveur peut accepter et traiter les données.
  • action - L'adresse du programme ou du document qui traite les données du formulaire.
  • autocomplete - Active la saisie semi-automatique des champs du formulaire.
  • enctype - La façon dont les données du formulaire sont codées.
  • méthode - Méthode du protocole HTTP.
  • name - Le nom du formulaire.
  • novalidate - Annule la validation intégrée des données du formulaire pour l'exactitude de la saisie.
  • target - Le nom de la fenêtre ou du cadre où le gestionnaire chargera le résultat renvoyé.

accepter-jeu de caractères

Définit le codage dans lequel le serveur peut accepter et traiter les données du formulaire.

Syntaxe

...

Valeurs

Nom d'encodage, par exemple Windows-1251, UTF-8, etc.

Valeur par défaut

L'encodage défini pour la page.

action

Spécifie le gestionnaire auquel les données du formulaire sont accessibles lorsqu'elles sont soumises au serveur. Peut agir en tant que gestionnaire programme serveur ou un document HTML qui inclut des scripts côté serveur (par exemple Parser). Une fois que le gestionnaire a effectué des actions sur les données du formulaire, il renvoie un nouveau document HTML.

Si l'attribut action est manquant, la page actuelle est rechargée, ramenant tous les éléments du formulaire à leurs valeurs par défaut.

Syntaxe

...

Valeurs

La valeur est considérée comme totale ou chemin relatif au fichier du serveur.

Valeur par défaut

saisie semi-automatique

Contrôle le remplissage automatique des champs du formulaire. La valeur peut être remplacée par l'attribut de saisie semi-automatique sur des éléments de formulaire spécifiques.

Le remplissage automatique est effectué par le navigateur, qui mémorise les valeurs écrites la première fois que vous les saisissez, puis les remplace lorsque vous les saisissez à nouveau dans les champs du formulaire. Dans ce cas, la saisie semi-automatique peut être désactivée dans les paramètres du navigateur et ne peut pas être modifiée dans ce cas à l'aide de l'attribut autocomplete.

Lorsque vous saisissez les premières lettres du texte, une liste de valeurs précédemment enregistrées s'affiche, à partir de laquelle vous pouvez sélectionner ce dont vous avez besoin.

Syntaxe

...

Valeurs

  • on - Active le remplissage automatique du formulaire.
  • off - Désactive la saisie automatique. Cette valeur est généralement utilisée pour empêcher le navigateur de sauvegarder des données importantes (mots de passe, numéros de carte bancaire), ainsi que des données rarement saisies ou uniques (captcha).

Valeur par défaut

enctype

Détermine la manière dont les données du formulaire sont codées lorsqu'elles sont soumises au serveur. Il n'est généralement pas nécessaire de définir l'attribut enctype ; les données sont comprises correctement du côté du serveur. Cependant, si vous utilisez un champ de soumission de fichier (input type="file"), vous devez définir l'attribut enctype comme multipart/form-data .

Syntaxe

...

Valeurs

  • application/x-www-form-urlencoded - Au lieu d'espaces, mettez + , les symboles comme les lettres russes sont codés par eux valeurs hexadécimales(par exemple, %D0%90%D0%BD%D1%8F au lieu d'Anya).
  • multipart/form-data - Les données ne sont pas codées. Cette valeur est utilisée lors de l'envoi de fichiers.
  • text/plain - Les espaces sont remplacés par un signe +, les lettres et autres caractères ne sont pas codés.

Valeur par défaut

application/x-www-form-urlencoded

méthode

L'attribut méthode indique au serveur la méthode de requête.

Syntaxe

...

Valeurs

La valeur de l'attribut méthode n'est pas sensible à la casse. Il existe deux méthodes : obtenir et publier.

  • get - Cette méthode est l'une des plus courantes et est conçue pour obtenir les informations requises et transférer les données vers barre d'adresse. Les paires nom=valeur sont ensuite ajoutées à l'adresse après le point d'interrogation et séparées par une esperluette (symbole &). L'avantage d'utiliser la méthode get est que l'adresse avec tous les paramètres peut être utilisée à plusieurs reprises, en l'enregistrant, par exemple, dans les favoris de votre navigateur, et vous pouvez également modifier les valeurs des paramètres directement dans la barre d'adresse.
  • poste - Méthode de publication envoie des données au serveur dans une requête du navigateur. Cela vous permet d'envoyer plus données que celles disponibles obtenir la méthode, puisque la publication n'a pas de limite de 4 Ko. Gros volumes les données sont utilisées dans les forums, services postaux, remplissage de la base de données, lors de l'envoi de fichiers, etc.

Valeur par défaut

nom

Définit nom unique formes. Généralement, le nom du formulaire est utilisé pour accéder à ses éléments via des scripts.

Syntaxe

...

Valeurs

Le nom est un ensemble de caractères comprenant des chiffres et des lettres. JavaScript est sensible à la casse, donc lorsque vous accédez à un formulaire par son nom via des scripts, utilisez la même orthographe que l'attribut name.

Valeur par défaut

novalider

Annule la vérification intégrée de l'exactitude des données saisies par l'utilisateur dans le formulaire. Cette vérification est effectuée automatiquement par le navigateur lors de l'envoi du formulaire au serveur et intervient pour les champs , , ainsi que s'il existe un modèle ou un attribut obligatoire.

Syntaxe

...

Valeurs

Valeur par défaut

Par défaut, cet attribut est désactivé.

cible

Une fois que le gestionnaire de formulaire a reçu les données, il renvoie le résultat sous forme de document HTML. Vous pouvez définir le cadre dans lequel la page Web résultante sera chargée. A cet effet, il est utilisé attribut cible, sa valeur est le nom du cadre. Si la cible n'est pas définie, le résultat renvoyé est affiché dans l'onglet actuel.

Syntaxe

...

Valeurs

La valeur est le nom du cadre spécifié par l'attribut name de l'élément