Os atributos de tipo mais comumente usados e uso na tag <input>

A própria tag <input> está vazia no código HTML, ou seja, chamar a tag <input> sozinha não tem efeito, e o atributo comumente usado da tag <input> é type, e o atributo type também tem muitos atributos. Este artigo apresenta principalmente alguns atributos comuns do atributo type.

Atributos de tipo comumente usados

Conteúdo de texto simples <input type = "text">
conteúdo de texto simples de senha <input type = "password">
botão de envio <input type = "submit">
caixa de seleção única <input type = "radio">
caixa de seleção múltipla <tipo de entrada = "caixa de seleção">

Os tipos mais comumente usados ​​são os atributos de tipo acima.

A diferença entre texto e senha

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

    submit 属性的作用

A função do atributo submit é enviar o conteúdo na forma em que está para o servidor

O atributo de envio aparecerá apenas uma vez em um único formulário em circunstâncias normais.

Introdução de atributos de rádio e escrita de código

 radio 属性的介绍 

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

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

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

  效果演示:

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

  代码的写法:

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

Introdução aos atributos de caixa de seleção e escrita de código

  checkbox 属性的介绍:

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

   演示效果 :

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

    代码的写法:

Markup
<form> Quais são seus hobbies? <br />
<input type = "checkbox" name = "x"> Caligrafia
<input type = "checkbox" name = "x"> Basquete
<input type = "checkbox" name = "x"> Futebol
</form>

pós-escrito

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

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

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

Acho que você gosta

Origin blog.51cto.com/14492332/2578220
Recomendado
Clasificación