<input type="range" min="0" max="100" step="1" value="0" name="myRange" />
即滑块功能,这里默认值为0
date Pickers类型
<input type="date/month/week/time" name="myTime" />
<input type="datetime" name="myDatetime" />
type="datetime-local" 也可以
search类型
<input type="search" name="mySearch" />
用于页面搜索,可以是站内搜索,也可以是google
color类型
<input type="color" name="myColor" />
新增表单元素
datalist
用于将一组值设置到输入控件上,当输入控件获得焦点时,控件会以列表的形式显示这组数据
<input type="url" list="url_list" name="myUrl" />
<datalist id="url_list">
<option label="Microsoft" value="http://www.microsoft.com" /></datalist>
<option label="Google" value="http://www.google.com" />
<option label="baidu" value="http://www.baidu.com" />
若某个option元素的value值为空,那么下拉列表中将不显示该选项
keygen元素
可以生成一个公钥和私钥,私钥会放在用户本地,公钥发送到服务器,服务器根据公钥生成一个客户端证书,然后返回到浏览器让用户去下载并保存到本地。
这样,用户需要验证的时候,使用本地存储的私钥和证书,通过TLS/SSH安全传输协议到服务器作验证。
所以,其示例如下:
<form action="a.php" method="get">
请输入:<input type="text" name="usr_name" /></form>
加密:<kengen name="security" />
<input type="submit" />