表单有哪些html5新控件?

表单有哪些html5新控件?,第1张

表单中新增的控件(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,连数据库也没有问题。

参考http://www.myk3.com/arc-180.html

因为ie内核不支持html5,所以说得出的结论是webbrowser不能支持html5,但是我们可以用其他的内核。比如火狐的内核Gecko,或webkit内核,我从csdn上下载了版本为22的geckofx:地址:http://download.csdn.net/detail/w297088867/6361867

里面有demo,经过测试,可以运行html5页面,显示的效果与目前最新版的360差不多。这样就可以支持为网页包一层外衣了,可是在后来的发现,当网页中的附件链接,点击无效,无法d出下载保存对话框,对于这个问题,网上似乎没有给出答案,再加上没有js和C#通信的方法,火狐的内核就被搁置了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7578666.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存