云计算、AI、云原生、大数据等一站式技术学习平台

网站首页 > 教程文章 正文

HTML5新增表单元素 html5新增表单元素可以产生数据加密

jxf315 2024-12-27 14:11:31 教程文章 22 ℃

新增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 选择(上传)多个

最近发表
标签列表