表单常用的控件有哪些_html表单控件样式修改

表单特性

　　value属性规定输入字段的初始值；

　　readonly属性规定输入字段为只读（不能修改）； readonly属性不需要值，它等同于readonly=“readonly”。

　　disbled属性 规定输入字段是禁用的，被禁用的元素是不可以用和不可以点击的，被禁用的元素不会被提交。 没有属性值

　　size属性规定输入字段的尺寸（以字符计）；

　　maxlength属性规定输入字段允许的最大长度；该属性不会提供任何反馈。如果需要提醒用户，则必须编写javascript代码 提醒：输入限制并非万无一失。javascript提供了很多方法来增加非法输入。如必须同时对限制进行检查。

H5新增表单特性

placeholder 　　输入框提示信息

　　autocomplete 是否保存用户输入值（默认为on，关闭提示选择off）

　　autofocus 　　　指定表单获取输入焦点

　　required　　　　此项必填，不能为空

　　pattern 　　正则验证 pattern=”\d{1,5}”

　　formaction　　在submit里定义提交地址 （只在opera浏览器下有作用）

表单的控件

button 定义可点击按钮（一般用于通过javascript启动脚本）

checkbox 定义复选框

file 定义输入字段和“浏览”按钮，供文件上传。

hidden 定义隐藏的输入字段。

image 定义图像形式的提交按钮。

password 定义密码字段，该字段中的字符被掩码

radio 定义单选按钮

reset 定义重置按钮。重置按钮会清除表单中的所有数据

submit 定义提交按钮。提交按钮会把表单数据发送到服务器

text 定义单行的输入字段，用户可在其中输入文本，默认宽度为20个字符。

H5新增控件

email 电子邮箱文本框，跟普通的没什么区别（当输入不是邮箱的时候，验证通不过； 移动端的键盘会有变化）

tel 电话号码 tel的主要功能在移动端，一个键盘切换

url 网页的url

search搜索引擎 ——chrome下输入文字后，会多出一个关闭的x

range 特定范围内的数值选择器 min，max，step（步数） 例如：用js显示当前数值

number 只能包含数字的输入框

color 颜色选择器

datatime 显示完整日期 在opera浏览器下作用

datetime-local 显示完整日期 不含时区

time 显示时间，不含时区

data 显示日期

week 显式周

month 显示月

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/167923.html原文链接：https://javaforall.cn