HTML5表单新特征简介与举例

一、前言一撇

其实关于HTML5的表单特征早在去年“你必须知道的28个HTML5特征、窍门和技术”一文中就有所介绍，不过，有些遗憾的是，此部分的介绍是以视频形式展示的，其实，是视频还好啦，关键是TouTuBe视频，需要越狱观看。得，像我这样安分守已的良民，除了看空姐，其他情况都是懒得fan墙的，所以这部分视频展示的内容，其实就是个“空”。

所以，这里打个补丁，把这部分内容完善下。本文的大致内容有：
# <input type=”number” />
# <input type=”range” />
# <input type=”date” /> 以及其他时间选择器控件
# <input type=”color” /> 颜色选择器
# <input type=”search” />
# <datalist>元素和list属性

# HTML5表单验证与CSS3的暧昧关系

二、HTML5表单新特征

1. type=number

type=number的HTML表单元素可以让你以按键的方式改变文本框中的值，这种效果在window系统中经常见到，例如：

懒惰的人宁可躺在椅子上点点鼠标也不元素坐起来按键盘，所以，相比键盘输入，点击输入也是有市场的。这就是为何HTML5表单中有数值选择控件。

大致HTML代码如下：

人数：<input type="number" value="1" />