表单控件及表单属性
表单特性
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 显示月