Html <form> Attributs de balises | Expliqué

Lola Bonnet

Lorsque nous visitons un site, l'une des choses les plus fréquemment observées sur chaque site Web est des «formulaires» comme les formulaires de connexion, les formulaires d'inscription, les formulaires de saisie de données, etc. Et à cette fin, HTML fournit un Tag pour collecter les données / informations de l'utilisateur. Le Tag lui-même ne peut pas envoyer les données nulle part afin de traiter les données de formulaire, nous pouvons utiliser différents attributs tels que action, méthode, etc.

Cette rédaction fournira une directive complète pour créer un formulaire et à cet égard, nous devons comprendre le concept des attributs de formulaire suivants:

Comment utiliser action Attribut dans HTML
Comment utiliser méthode Attribut dans HTML
Comment utiliser cible Attribut dans HTML
Comment utiliser Saisie automatique Attribut dans HTML

Comment utiliser l'attribut d'action dans les formulaires HTML

Il détermine quelle action sera effectuée sur la soumission du formulaire I.e. il spécifie une URL à laquelle les données de formulaire seront soumises. L'exemple donné ci-dessous vous permettra de comprendre comment le action L'attribut fonctionne

Exemple

Dans le code indiqué ci-dessous, nous avons créé un fichier html nommé FormSAttribute.html

À l'intérieur de la balise, nous spécifions le action attribut.
L'attribut d'action contient l'adresse d'un autre fichier HTML nommé «FormsResult.html ”
Nous créons deux champs pour le nom et le mot de passe.
Ensuite, nous créons un bouton nommé «Soumettre» dans le «FormsAttribute.fichier html ”.
Cliquer sur le bouton Soumettre nous détourne vers le «Formst.fichier html ”

FormsAttribute.html

de.html

Les données de formulaires soumises à partir du FormsAttribute.Le fichier HTML sera affiché sur les formulaires.Fichier HTML:

Retournez aux formatributes.fichier html

Une exécution réussie du code montre le résultat suivant:

Observez l'URL du fichier, en cliquant sur le bouton Soumettre enverra les données écrites dans les champs de texte aux formulaires.Fichier HTML et il affiche le résultat suivant:

Observez la différence entre les deux URL:

Lorsque nous cliquons sur le bouton «Soumettre», cela nous conduit aux «formulaires.fichier html ”.
Affichage du contenu du «FormsAttribute.Le fichier html ”vérifie que l'attribut d'action fonctionne correctement.

Comment utiliser l'attribut de méthode dans les formulaires HTML

Il détermine comment les données de formulaire seront soumises et à cette fin, il utilise la méthode GET ou la méthode post.

Obtenir la méthode

Il ajoute les données du formulaire dans l'URL, et il utilise le point d'interrogation pour séparer les différents paramètres. Si nous n'avons pas mentionné l'attribut de méthode dans la balise de formulaire, il définira par défaut le Obtenir méthode.

Exemple

Comme indiqué dans l'exemple précédent, nous n'avons mentionné aucune méthode donc, par défaut, il envoie les données à l'aide du obtenir méthode. L'extrait ci-dessous expliquera comment utiliser le obtenir méthode:

FormsAttribute.Html

A-dessus, l'extrait affiche la sortie suivante:

Nous spécifions «Nom Student» et «Mot de passe» en tant que «Joe» et «Joe @ 123» respectivement et en conséquence, nous obtenons la sortie suivante:

L'URL élabore les points suivants:

Vous êtes sous les formes.fichier html
Le nom et le mot de passe sont ajoutés dans l'URL qui vérifie cette méthode d'obtention.

Méthode postale

Il envoie les données au serveur séparément je.e. Il ajoute les données dans le corps de la demande de HTTP au lieu de l'URL. Il est utile lorsque nous devons stocker des données confidentielles sur le serveur.

Exemple

Le morceau de code suivant vous aidera à comprendre comment utiliser le poste méthode:

Les formulaires.Le fichier html ”restera le même, la seule différence sera dans l'attribut formulaires i.e. Nous utiliserons le poste méthode:

FormsAttributes.html

De cette façon, les données seront publiées et n'apparaîtront pas dans l'URL.

Comment utiliser l'attribut cible dans les formulaires HTML

Il spécifie la fenêtre / onglet ciblée pour afficher le résultat i.e. Il détermine que le résultat s'affiche sur l'onglet actuel ou l'onglet nouvelle. Il peut prendre _self, _parent, _top et _blank valeur. Le _blanc affichera le résultat dans le nouvel onglet.

Exemple Dans cet exemple, nous utiliserons le _blanc valeur pour le cible attribut pour afficher le résultat dans le nouvel onglet:

Voici la sortie du code ci-dessus:

Cliquez sur le bouton Soumettre affichera le résultat dans un nouvel onglet:

Comment utiliser l'attribut d'observation automatique dans les formulaires HTML

Comme son nom lui-même suggère, l'attribut AutoClete détermine si les valeurs doivent être achevées automatiquement ou non. Par exemple, le «Ambordage automatique = sur»Détermine que tout ce dont un utilisateur entre sera dans les mémoires pour une utilisation future.

Exemple Considérons le morceau de code ci-dessous pour comprendre comment utiliser l'attribut assorti automatique:

Le code ci-dessus définit la valeur de la saisie semi-automatique comme sur et il produit la sortie suivante:

Une fois que vous avez rempli les champs respectifs et soumis les données, puis actualiser la page, vous pouvez vérifier que la saisie semi-automatique affiche des données saisies comme suggestion antérieurement comme suggestion.

La sortie vérifie que l'attribut de saisie semi-automatique fonctionne de manière appropriée.

Conclusion

Les attributs de HTML déterminent comment traiter les données du formulaire I.e. le action L'attribut détermine l'action à effectuer sur la soumission du formulaire, le méthode L'attribut détermine comment soumettre les données du formulaire I.e. La méthode sera annexée dans l'URL ou la méthode de poste sera annexée dans le corps de la demande de HTTP. En outre, l'attribut cible spécifie l'onglet / fenêtre ciblée, et l'attribut d'observation automatique détermine si les données déjà entrées doivent être rappelées pour une utilisation ultérieure ou non.

c Sharp

Que sont les séquences d'évasion en C #

La séquence d'échappement en C # est une séquence de caractères qui représente une signification par...

Lena Martinez

golang

Comment utiliser les chaînes.Remplacer la fonction dans Golang - Exemples

Les cordes.Remplacer () La fonction dans Golang remplace toutes les occurrences d'une sous-chaîne da...

Nathan Blanc

c Sharp

Qu'est-ce que l'expression de Switch dans C #

Switch Expressions, vous permettez de construire un code compact et expressif qui évalue une seule d...

Jules Colin