inpur标签的各种type

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了inpur标签的各种type相关的知识,希望对你有一定的参考价值。

input标签是一个行内标签,它拥有许多的type让我们来使用

在H5之前的type

1-text    这个就是纯文本的输入框

2-button   这个type就让input变成了一个点击的按钮

3-submit   这个type一般是用在表格里面的 它有一个默认事件,就是提交表格里面的所有内容.

4-file      这个type是选中本地文件的标签,它与后台交互的时候用到的

5- checkbox  这个是多选的标签,

6-radio  这个是单选的标签.如果在几个单选中默认只能选一个的话,那么,它的name值得相同

7- password  这个是密码标签,当你输入内容的时候,会变成****

8- reset 这个是重置标签.一般来说 ,它都是用在表格里面,用来重置表格的内容的

下面的是H5的一些type

 

url 这个标签检测输入的是不是一个url格式

email 这个可以检测你输入的是不是email格式

date 这个类型是日期表格的控件

time 分格式的控件 的出来的是时间控件

datetime  年-月-日 时:分:秒的控件

number   数字输入框

cel  电话输入框

color  颜色选择框

range  选择区域,一般和step和max以及min一起使用

 input h5里面的一些新属性

placeholder 占位符.就是说,当输入框为空的时候,里面显示的文字

required  这个属性设定了这个框是必须填的 不能为空

 

以上是关于inpur标签的各种type的主要内容,如果未能解决你的问题,请参考以下文章

type标签在HTML中代表啥

如何定义input标签中 type="text"的CSS样式

脚本标签中的“lang”和“type”属性有啥区别?

input标签的type

input标签的type

mybatis resultmap标签type属性什么意思