HTML5智能表单

当前位置 : 首页 > 网页制作 > html5 > HTML5智能表单

HTML5智能表单

来源: 作者: 时间:2016-01-30 08:53
1:便于排版的Form表单HTML5为了方便排版,可以使form的表单标签脱离form的嵌套。方法:form指定id,所有的标签标签都添加form= id属性。例如:2:form新类型type = "email " 邮箱(自带式
1:便于排版的Form表单
HTML5为了方便排版,可以使form的表单标签脱离form的嵌套。
方法:form指定id,所有的标签标签都添加form= id属性。
例如:
 





2:form新类型
type = "email" 邮箱(自带格式校验)
type = "url" 网址,必须带协议(自带格式校验)
type = "date" 日期选择器
type = "time" 时间选择器
type = "month" 月份选择器
type = "week" 周选择器
type = "number" 数字选择器
type = "range" 滑动条
max属性
step属性(验证合法性) step="2",例如从0开始,只能选择0-2-4-6-8
type = "search" 搜索框
results="n"谷歌可用,显示搜索图标。
type = "color" 颜色选择器


3:新增的表单属性
required="required" 设置必填项
placeholder = "我是默认值" 设置默认值,不会提交到后台
autofocus = "autofocus" 自动聚焦
pattern="\d{3}" 自定义正则表达式




4:自动填充表单

 





5:output标签


oninput="result.value=parseInt(no1.value)+parseInt(no2.value)">


 
Tag:
网友评论

<