一、input标签和它的type属性
PS:input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下, 什么样的数据均可以输入。而通过不同的type属性值,可以限制输入的内容。
二、总结
1、text 一个单行文本框,默认属性值
2、password 隐藏字符的密码框
3、search 搜索框,在某些浏览器中输入内容会出现叉形标记
4、submit、reset、button 依次是:提交按钮、重置按钮、普通按钮
5、number、range 依次是:只能输入数值的框、只能输入在一个指定范围的数值框
6、checkbox、radio 依次是:复选框,一组复选框(name属性值相同)用户可以勾选多个、单选按钮,一组单选按钮(name属性值相同)用户只可以选中一个
7、image、color 依次是:图片按钮、颜色代码按钮
8、email、tel、url 依次是:检测电子邮件、号码、网址的文本框
9、hidden 生成一个隐藏控件
10、file 生成一个上传控件
11、获取各种日期、时间 data、month、time、week、datetime、datatime-local
三、详解
1、type=”text”
1.1)、list 指定为文本框提供建议值的 datalist 元素,其值为datalist 元素的 id 值
1.2)、maxlength 设置文本最大字符长度
1.3)、pattern 用于输入验证的正则表达式
1.4)、placeholder 输入提示的文本,当用户输入内容时会自动消失
1.5)、readonly 文本框处于只读状态
1.6)、disabled 文本框处于禁用状态
1.7)、size 设置文本框宽度
1.8)、value 设置文本框初始值,会显示在文本框中,显示时优先级比placeholder高,表单提交时优先提交用户输入的内容,如果用户没有输
列举input中的type属性及说明
最新推荐文章于 2023-10-25 15:08:45 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)