HTML标签解析 input标签的HTML5新类型
在上一篇博文中,我们初步了解到了input标签一些基础的类型和属性,而在 HTML5中,input标签又增加了许多 新的类型和属性,那么今天就让我们来了解下吧。
一:类型
各种类型的默认显示在不同的浏览器有不同的表现,本次演示均以Chrome浏览器为准。
color拾色器
<input type="color"/>
将输入类型设定为颜色,在页面上生成一个拾色器,带有RGB,HEX,HSL三种颜色进制供选择,但无论使用哪种进制进行选择,在表单进行提交后,获得的value值都会变成HEX,即十六进制值。同时我们可以在编写代码时提前将value设置一个十六进制的颜色值,来改变浏览器显示的预览颜色。
<input type="color" value="#808080"/>
日期选择器
1. date年月日选择器
<input type="date" />