<formulaire>
HTML <form> Balise
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <form action="demo-form.php"> First name: <input type="text" name="FirstName" value="Mickey"><br> Last name: <input type="text" name="LastName" value="Mouse"><br> <input type="submit" value="提交"> </form> <p>点击"提交"按钮，表单数据将被发送到服务器上的“demo-form.php”。</p> </body> </html>
Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge la balise <form>
Définition de la balise et instructions d'utilisation
La balise <form> est utilisée pour créer des formulaires HTML pour la saisie de l'utilisateur. L'élément
<form> contient un ou plusieurs des éléments de formulaire suivants :
<input>
<textarea>
<bouton>
<select>
< option> ;
<optgroup>
<fieldset>
<label>
Différences entre HTML 4.01 et HTML5
HTML5 ajoute deux nouveaux attributs : autocomplete et novalidate, et ne prend plus en charge certaines propriétés de HTML 4.01.
Différences entre HTML et XHTML
En XHTML, l'attribut name est obsolète. Utilisez plutôt l’attribut global id.
Attribut
Nouveau : Nouvel attribut en HTML5.
| Attribut | Valeur | Description | ||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| accepter | MIME_type | HTML5 n'est pas pris en charge.
| ||||||||||||||||||||||||||||||
| accept-charset | character_set | Spécifie le serveur. jeu de caractères de données de formulaire pouvant être traité. | ||||||||||||||||||||||||||||||
| action | URL | Spécifie où envoyer les données du formulaire lorsque le formulaire est soumis. | ||||||||||||||||||||||||||||||
| autocompleteNouveau<🎜> | on off | Spécifie s'il faut activer la fonction de saisie semi-automatique du formulaire. | ||||||||||||||||||||||||||||||
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain | Spécifie comment encoder les données du formulaire avant de les envoyer au serveur. (Applicable à la méthode="post") | ||||||||||||||||||||||||||||||
| méthode | get Post | Spécifie la méthode HTTP utilisée pour envoyer les données du formulaire. | ||||||||||||||||||||||||||||||
| name | text | Spécifie le nom du formulaire. | ||||||||||||||||||||||||||||||
| novalidateNouveau<🎜> | novalidate | Si cet attribut est utilisé, le formulaire est soumis Aucune vérification n’est effectuée. | ||||||||||||||||||||||||||||||
| cible | _blank _soi _parent _top | Spécifie où ouvrir l'URL de l'action. |
Attributs globaux
La balise <form> prend en charge les attributs globaux du HTML. La balise
Attributs d'événement
<form> prend en charge les attributs d'événement HTML.
Essayez-le - Exemple
Formulaire avec cases à cocher
Ce formulaire contient deux cases à cocher et un bouton d'envoi.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <form action="demo-form.php" method="get"> <input type="checkbox" name="vehicle" value="Bike"> I have a bike<br> <input type="checkbox" name="vehicle" value="Car" checked="checked"> I have a car<br> <input type="submit" value="提交"> </form> </body> </html>
Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Formulaire avec boutons radio
Ce formulaire contient deux boutons radio et un bouton Soumettre.
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <form action="demo-form.php" method="get"> <input type="radio" name="sex" value="Male"> Male<br> <input type="radio" name="sex" value="Female" checked="checked"> Female<br> <input type="submit" value="提交"> </form> </body> </html>
Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Articles connexes
Tutoriel HTML : Formulaires et saisie HTML
Manuel de référence HTML DOM : Objet de formulaire
