HTML5新增语义化标签

H5表单元素
新增type类型:
Type=“email” 限制用户必须输入email类型
Type=“url” 限制用户必须输入url类型,“http://”
Type=“range” 产生一个滑动条表单
Type=“number” 产生一个数字意义表单
Type=“search” 产生一个搜索意义的表单
Type=“color” 生成一个颜色选择的表单
Type=“time” 限制用户必须输入时间类型
Type=“month” 限制用户必须输入月类型
Type=“week” 限制用户必须输入周类型
Type=“datetime-local” 选取本地时间
type=”date” 限制用户必须输入日类型

 	表单输出框:
	<output></output>
	<form action="" oninput="x.value=parseInt(a.value)+parseInt(b.value)">
		<input id="a" type="range" min="0" max="100">100+
		<input id="b" type="text" value="50">=
		<output name="x" for="a b"></output>
	</form>

	datalist  下拉菜单框: 必须和list属性结合使用。做提示信息。		
	<input type="url"  list="url_list"  name="link" />
	<datalist  id="url_list"> 
	    <option label="W3School" value="http://www.W3School.com.cn" /> 
	    <option label="Google" value="http://www.google.com" /> 
	    <option label="Microsoft" value="http://www.microsoft.com" /> 
	</datalist>
	
表单属性:
	新增表单属性
		required     监测是否为空。
		min      最小
		max      最大
		step     步幅  确定一个法定值。0 3 6 9 (不能写负值)
		list     必须结合datalist标签,绑定datalist  id名称。 
		autocomplete    是否自动提示信息    属性值   on 打开 ;off 关闭  (是否有缓存)注:默认值是on ;
					
		placeholder    文本框的提示信息			
		autofocus      自动聚焦。一个页面只能由一个。
		pattern    后面的属性值是一个正则表达式。(js)
		novalidate     取消验证
		multiple     选择(上传)多个
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值