Manuel de référence HTML

Complète des balises HTML

HTML: Balise <form>

HTML <form> balise est utilisée pour créer des formulaires sur des pages Web avec des contrôles interactifs pour l'entrée de l'utilisateur, utilisés pour soumettre des informations au serveur Web. Cette balise est également souvent appelée l'élément <form>.

Exemple en ligne

Formulaire HTML avec deux champs d'entrée et un bouton de soumission :

Exemple

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　l'utilisation de l'étiquette footer (tutoriel de base du site Web oldtoolbag.com)</title>
</head>
<body>
<h1>oldtoolbag.com base tutorial</h1>
<form action="demo-form.php" method="post">
　　Entreprise: <input type="text" name="company"><br>
　　Adresse: <input type="text" name="address"><br>
　　<input type="submit" value="Submit">
</form>
</body>
</html>

测试看看 ‹/›

Testez et voyez si ça fonctionne ‹5›

Dans ce HTML

Dans l'exemple de document, nous avons utilisé l'étiquette <form> pour créer un formulaire HTML. Ce formulaire contient deux contrôles <input> pour la société et l'adresse, ainsi qu'un bouton de soumission.

Effet après exécution :Compatibilité du navigateurIEFirefoxOpera

Chrome

Safari

Tous les navigateurs populaires prennent en charge l'étiquette <form>.

Précautions à prendre lors de l'utilisation des étiquettes

Si vous avez configuré autocomplete à off dans un formulaire en raison de l'auto-complétion exclusive du document actuel, vous devriez également configurer autocomplete à off pour chaque élément input de ce formulaire pour permettre au document de prendre le contrôle de l'auto-complétion.

Étiquettes de définition et instructions d'utilisation

HTML 4Différences entre1 <fieldset>5<label>

HTML5 et HTML 4Différences entre1 Deux nouveaux attributs ont été ajoutés : autocomplete et novalidate, et le support pour HTML n'est plus disponible.

certaines attributs. Version 0.0

Différences entre HTML et XHTML

Attribut

Dans XHTML, l'attribut name a été abandonné. Utilisez l'attribut id global à la place.5 nouvel attribut. Nouveau : HTML

Attribut	Valeur	Description
accept	MIME_type	HTML5 Non supporté. Définit le type de fichier que le serveur peut recevoir (les fichiers sont soumis via le téléversement de fichiers).
accept-charset	character_set	Définit le jeu de caractères que le serveur peut traiter pour les données du formulaire.
action	URL	Définit où les données du formulaire doivent être envoyées lors de la soumission du formulaire.
autocompleteHTML5	on off	Définit si la fonction d'auto-complétion du formulaire est activée ou désactivée.
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	Définit comment les données du formulaire doivent être codées avant d'être envoyées au serveur (applies only when method="post").
method	get 　post	Définit la méthode HTTP à utiliser pour envoyer les données du formulaire.
name	text	Définit le nom du formulaire.
novalidateHTML5	novalidate	Si l'attribut est utilisé, la validation n'est pas effectuée lors de la soumission du formulaire.
target	_blank 　_self 　_parent 　_top	Définir où ouvrir l'URL d'action.

Attributs globaux

Support de la balise <form> Attributs globaux HTML.

Attributs d'événement

Support de la balise <form> Attributs d'événement HTML.

Essayer l'exemple en ligne

Boutons radio (Radio buttons)
Ce exemple montre comment créer des boutons radio dans HTML.

Cases à cocher (Checkboxes)
Ce exemple montre comment créer des cases à cocher dans une page HTML. Les utilisateurs peuvent cocher ou décocher les cases à cocher.

Liste déroulante simple
Ce exemple montre comment créer une liste déroulante simple dans une page HTML. La liste déroulante est une liste optionnelle.

Liste déroulante préselectionnée
Ce exemple montre comment créer une liste déroulante simple avec une valeur préselectionnée.

Zone de texte (Textarea)
Ce exemple montre comment créer une zone de texte (contrôle d'entrée de texte multiple). Les utilisateurs peuvent écrire du texte dans la zone de texte. Le nombre de caractères que l'utilisateur peut écrire n'est pas limité.

Créer un bouton
Ce exemple montre comment créer un bouton. Vous pouvez personnaliser le texte du bouton.

Articles associés

Tutoriel HTML :Formulaires et entrées HTML

Manuel de référence HTML DOM : Objet Form

HTML: Balise <i>HTML: Balise <footer>