Les attributs de type et l'utilisation les plus couramment utilisés dans la balise <input>

La balise <input> elle-même est vide dans le code HTML, ce qui signifie que l'appel de la balise <input> seule n'a aucun effet. L'attribut commun de la balise <input> est type et l'attribut type a également de nombreux attributs. Cet article présente principalement certains attributs courants de l'attribut type.

Attributs de type couramment utilisés

Contenu en texte brut <input type = "text">
mot de passe contenu en texte brut <input type = "password">
bouton d'envoi <input type = "submit">
boîte de sélection unique <input type = "radio">
boîte de sélection multiple <type d'entrée = "case à cocher">

Les types les plus couramment utilisés sont les types d'attributs ci-dessus.

La différence entre le texte et le mot de passe

  text 和 password  实际上是一模一样的,他们全部是代表纯文本内容属性,text 属性并不会对输入框内的文本内容进行隐藏,而 password 属性却会对输入框内的文本内容进行隐藏保护,password 属性一般用于密码输入框。

    submit 属性的作用

Le rôle de l'attribut submit est de soumettre le contenu sous la forme dans laquelle il se trouve au serveur

L'attribut de soumission n'apparaîtra qu'une seule fois dans un seul formulaire dans des circonstances normales.

Introduction des attributs radio et de l'écriture de code

 radio 属性的介绍 

 radio 属性代表的是单选框,我们在注册账号的时候,

 一般的话都有一个选择性别的选项,而这个选项是单选的,

  这钟选择框就是单选框,也就是<input>标签通过type调用 radio 属性所达到的效果

  效果演示:

                   请选择你的性别:
             男 女 保密

  代码的写法:

Balisage
<form> 请 选择 你 的 性别 <br/>
<input type = "radio" name = "x" "> 男
<input type =" radio "name =" x "> 女
<input type =" radio "name = "x"> 保密
</form>

Introduction aux attributs de case à cocher et à l'écriture de code

  checkbox 属性的介绍:

  checkbox 属性代表的是多选框,在很多网页里面也是可以看到的,例如选择兴趣爱好,很多人不止一种兴趣爱好,而这个时候就会用到checkbox属性来制作一个多选框,写法和单选框radio属性一样的。

   演示效果 :

        你有哪些兴趣爱好?
        书法 篮球 足球

    代码的写法:

Markup
<form> Quels sont vos hobbies? <br />
<input type = "checkbox" name = "x"> Calligraphie
<input type = "checkbox" name = "x"> Basketball
<input type = "checkbox" name = "x"> Football
</form>

post-scriptum

 单选框和多选框的前提是他们的选项是在同一个组,我们可以通过 name 属性来设置一个组。

 我上面所说的属性,全部是表单里面<input>标签所使用的 type属性,并不代表在其他标签里面效果也一样。

     https://www.cuteur.cn/post/513.html

Je suppose que tu aimes

Origine blog.51cto.com/14492332/2578220
conseillé
Classement