HTML5基础2

 • 新增type类型
		Type=“email” 限制用户必须输入email类型
		Type=“url” 限制用户必须输入url类型
		Type=“range” 产生一个滑动条表单
		Type=“number”数字类型
		Type=“search” 产生一个搜索意义的表单
		Type=“color” 生成一个颜色选择的表单
		以下作为了解
		Type=“time” 限制用户必须输入时间类型
		Type=“month” 限制用户必须输入月类型
		Type=“week” 限制用户必须输入周类型
		Type="datetime-local" 选取本地时间
		Type="date"限制用户必须输入日类型
	• 新增表单属性
		required 监测是否为空。
		min 最小
		max 最大
		step 步幅 确定一个法定值。 -3 0 3 6 
		autocomplete 是否自动关联提示信息  on关联off不关联
		autofocus 自动聚焦,一个页面只能有一个
		pattern 后面的属性值是一个正则表达式
				手机号pattern="^1[3|5|9]\d{9}$"
		novalidate 取消验证
		multiple 选择(上传)多个文件(type="file")

•新增表单标签
list 必须结合datalist标签,绑定datalist id名称。

<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>

作为了解
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>
posted @ 2020-03-17 19:50  strongerPian  阅读(86)  评论(0编辑  收藏  举报
返回顶端