在chrome中的效果如下：
时间和日期输入框
HTML5中新增了一些输入日期和时间的类型，包括：
1）datetime：获取世界时日期和时间，包括时区信息；
2）datetime-local：获取本地日期和时间，不包含时区信息；
3）date：获取本地日期，不含时间和时区信息；
4）month：获取年月信息，不含日、时间和时区信息；
5）time：获取时间；
6）week：获取当前星期。
日期和时间的input元素支持的额外属性包括：
1）list：指定为文本框提供建议值的datalist元素，其值为datalist元素的id值；
2）min：设置最小值；
3）max：设置最大值；
4）readonly：只读；
5）required：用户必须输入一个值，否则无法通过输入验证；
6）step：上下调节数值的步长；
7）value：指定元素的初始值。
| <form method="post" action="http://titan:8080/form"> <p><label for="name">Name: <input value="Adam" disabled id="name" name="name"/></label></p> <p><label for="password">Password: <input type="password" placeholder="Min 6 characters" id="password" name="password"/></label></p> <p><label for="fave">Fruit: <input value="Apples" id="fave" name="fave"/></label></p> <p><label for="lastbuy">When did you last buy: <input type="date" id="lastbuy" name="lastbuy"/></label></p> <input type="submit" value="Submit Vote"/> </form> |
在chrome中的效果如下：
目前日期和时间输入框在大部分浏览器中支持都不好，因此，最好还是使用主流JavaScript库提供的日历选择工具。
颜色输入框
type属性为color表示颜色选择器，颜色值以7个字符的格式表示：以#开头，接下来是三个两位十六进制数，分别代表红、绿、蓝三种原色的值，如#FF1234。
