表单有哪些html5新控件?

表单中新增的控件(type属性)

email: 提交表单时检测值是否是一个电子邮件格式

url: 提交表单时检测值是否是一个url格式

date: 年-月-日格式的控件

time: 时:分格式的控件

datetime: 年-月-日 时:分 格式的控件（UTC时间）

datetime-local: 年-月-日 时:分 格式的控件（本地时间）

month: 年-月格式的控件

week: 年-周数格式的控件

number: 数字输入框

<input type="number" name="" id="" value="60" max="100" min="0" />

range: 选择区域

<input type="range" name="" id="" value="60" max="100" min="0" />

tel: 电话输入框

search: 用于搜索

color: 调用系统选色器

新增控件属性：

placeholder: 占位符，输入框提示信息

<input type="text" autofocus placeholder=''/>

required: 该input为必填项

autofocus: 在页面加载时，域自动地获得焦点

autocomplete="off/on":可以记录输入信息

必须有name属性 必须提交过

off==>关闭 on==>打开

<input type="tel" name="user" id="" value="" autocomplete="on"/>

pattern: 正则验证

<input type="tel" pattern="[0-9]{7,12}"/>

min/max: input能输入的最小/最大字节的长度

step: 针对number和range类型，每次递增step的值

list: 指定一个datalist，作为下拉提示单

嗯，报表控件与图表控件还是不一样的。

但是你以加了个“图形界面比较好”，比较费解。我估计你的意思还是图表控件。

然后你也没有讲明白有啥条件限制，我估计你是JavaScript 图表插件，好吧。

好的插件有很多。以下有10个非常酷的JavaScript图表库，有简单的也有复杂的，以满足不同的需求。

个人还是很推荐highcharts的，RGraph很炫，

1. Cubism.js

一个基于D3.js的插件，可以实时显示时间序列。D3.js是一个针对HTML和SVG的JavaScript可视化库。

2. RGraph

一个HTML5 JavaScript图表库，支持20多种不同类型的图表。

3. Cytoscape Web

一个开源的图形可视化库，基于jQuery编写。

4. sigma.js

一个开源的轻量级JavaScript库，使用HTML canvas元素来绘制图形。

5. Morris.js

一个小巧的、效果漂亮的JavaScript库，用于可视化时间序列数据。

6. Timeplot

基于DHTML的AJAX部件，用于绘制时间序列，并在上面叠加基于时间的事件。

7. Dracula

一套用于显示和设计交互式图表的工具，包含了各种不同的算法。无需Flash、Java和其他插件。

8. gRaphael

一个开源的JavaScript图表库，基于Raphael（拉斐尔）JavaScript库。

9. gvChart

一个jQuery插件，使用谷歌的Charts API以及HTML <table>标记中的数据，来创建交互式、可视化的图表。

10. jQuery Highcharts Table

简易，漂亮，该插件可以将HTML表格中的数据自动转换成图表，也可以抓取excel，连数据库也没有问题。

---