Quelle est la balise qui définit le formulaire en html5

青灯夜游
Libérer: 2022-07-26 16:26:14
original
5503 Les gens l'ont consulté

La balise du formulaire de définition html5 est "

". La balise form est utilisée pour créer un formulaire HTML (champ de formulaire) permettant à l'utilisateur de collecter et de transférer les informations utilisateur. Tout le contenu du formulaire sera soumis au serveur avec la syntaxe "
contrôle du formulaire
". Un formulaire peut contenir un ou plusieurs éléments de formulaire, tels que input, select et textarea.

Quelle est la balise qui définit le formulaire en html5

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

La balise du formulaire de définition html5 est "

".

formulaire HTML5

La balise form est utilisée pour créer un formulaire HTML (champ de formulaire) pour la saisie de l'utilisateur afin de collecter et de transférer les informations de l'utilisateur. Tout le contenu du formulaire sera soumis au serveur.

Les champs du formulaire peuvent contenir divers contrôles interactifs : étiquettes de contrôle (champs de texte, cases à cocher, cases d'option, boutons de soumission, etc.), tels que ,

Format de syntaxe de la balise

    <form action="提交地址" method="提交方式" name="表单名称">
        各种表单控件
    </form>
Copier après la connexion

Quatre méthodes de soumission de méthode couramment utilisées :

get    		一般用来查询信息
post		一般用来新增信息
put      	一般用来修改信息
delete		一般用来删除信息
Copier après la connexion

Balise de contrôle :

balise d'entrée

  • input signification de l'entrée
  • &lt ;input />La balise est une seule balise<input />标签为单标签
  • type属性设置不同的属性值用来指定不同的控件类型
  • 除了type属性还有别的属性

type="text"为普通输入框 value为里面的值 name和id会在写js的时候用

    <form action="url地址" method="提交方式" name="表单名称">
        <input type="text" name="" id="" value="你好">
    </form>
Copier après la connexion

Quelle est la balise qui définit le formulaire en html5

input标签的一些属性:

checked属性只有单选框和复选框才有

属性属性值描述
typeText单行文本输入框

Password密码输入框

Radio单选按钮

Checkbox复选框

Button普通按钮

Submit提交按钮

Reset重置按钮

Image图像形式的提交按钮

File文本域
name
空间的名称
value
input控件中的默认文本值
size
input控件在页面中的显示宽度
checked
定义选择空间默认被选中的项
Maxlength
控件允许输入的最多字符数

密码框

<input type="password" name="" id="" value="">
Copier après la connexion

Quelle est la balise qui définit le formulaire en html5

单选框

name相同的单选框智能选择一个

        男 <input type="radio" name="gender" id="" value=""> 
        女 <input type="radio" name="gender" id="" value="">
Copier après la connexion

Quelle est la balise qui définit le formulaire en html5

复选框

多选框可以选取多个

        爱好: <br> 
        抽烟<input type="checkbox" name="hobby" id="" value=""> 
        喝酒<input type="checkbox" name="hobby" id="" value=""> 
        烫头<input type="checkbox" name="hobby" id="" value="">
Copier après la connexion

按钮

普通按钮可以根据需求来用js添加功能

提交按钮会把输入的表单信息提交到form表单的action地址

重置按钮会把表单信息重置为默认

    <form action="url地址" method="提交方式" name="表单名称">
        <input type="button" name="" id="" value="我是一个普通按钮">
        <input type="submit" name="" id="" value="我是一个提交按钮">
        <input type="reset" name="" id="" value="我是一个重置按钮">
    </form>
Copier après la connexion

Quelle est la balise qui définit le formulaire en html5

下拉框标签

下拉框标签有点特殊,不是input的属性而是一个单独的标签

L'attribut type définit différentes valeurs d'attribut pour spécifier différents types de contrôle

Quelle est la balise qui définit le formulaire en html5En plus de l'attribut type, il existe d'autres attributs

type ="text" est la zone de saisie normale et la valeur est la valeur à l'intérieur. Le nom et l'identifiant seront utilisés lors de l'écriture de js

        <select name="省市区" id="">
            <option value="">山东</option>
            <option value="">北京</option>
            <option value="">江苏</option>
            <option value="">深圳</option>
            <option value="">上海</option>
        </select>
Copier après la connexion
🎜Insérer la description de l'image ici🎜🎜🎜Quelques attributs de la balise d'entrée :🎜🎜🎜L'attribut coché n'a qu'une seule sélection. Les cases et les cases à cocher n'ont que🎜🎜Radio
Attribut Valeur de l'attribut Description
type Texte Zone de saisie de texte sur une seule ligne
Mot de passe Zone de saisie du mot de passe
🎜Bouton radio
🎜 case à cocher case à cocher
🎜 Bouton Bouton normal
🎜 Envoyer td> Bouton Soumettre
🎜 Réinitialiser Bouton Réinitialiser
🎜 Image Bouton Soumettre sous forme d'image
🎜 Fichier Domaine texte
nom 🎜 Le nom de l'espace
valeur 🎜 Valeur de texte par défaut dans le contrôle de saisie
taille 🎜 La largeur d'affichage du contrôle de saisie sur la page
cochée 🎜 Définir la valeur par défaut éléments sélectionnés dans l'espace de sélection
Maxlength 🎜 Le nombre maximum de caractères autorisés à être saisis par le contrôle td>
🎜🎜Boîte de mot de passe🎜🎜rrreee🎜Insérer la description de l'image ici 🎜🎜🎜Bouton radio🎜🎜🎜Sélectionnez intelligemment un bouton radio portant le même nom🎜rrreee🎜Insérer la description de l'image ici🎜🎜🎜case à cocher🎜🎜🎜Plusieurs cases à cocher peuvent en sélectionner plusieurs🎜rrreee🎜🎜🎜🎜Bouton🎜🎜🎜Boutons ordinaires peut être ajouté avec js selon les besoins 🎜🎜Le bouton Soumettre soumettra les informations saisies dans le formulaire à l'adresse d'action du formulaire 🎜🎜Le bouton de réinitialisation réinitialisera les informations du formulaire par défaut🎜rrreee🎜Insérer la description de l'image ici🎜🎜🎜Étiquette de la boîte déroulante🎜🎜🎜Le menu déroulant L'étiquette de la down box est un peu particulière, ce n'est pas un attribut de l'entrée mais un attribut Balises séparées🎜rrreee🎜🎜🎜🎜Recommandations associées : "🎜Tutoriel vidéo html🎜"🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!