html5数据校验 html 数据

在HTML5中button和submit有什么分别?

功能不同：Submit在表单中使用，它具有类似的默认方法封装。一个常见的点击是提交表单。按钮是常用的按钮。如果不编写click之类的事件，则此按钮click将没有响应。所有事件都需要手动写入。

成都创新互联公司是一家专业提供沧源企业网站建设,专注与成都做网站、成都网站制作、html5、小程序制作等业务。10年已为沧源众多企业、政府机构等服务。创新互联专业的建站公司优惠进行中。

html中button只是一个按钮的样式，默认没有提交表单的功能，而submit是表单的提交属性，可以实现将所在表单的数据进行的提交。

type=button 就是普通的按钮，需要自己写响应事件。submit 可以用 onSubmit()事件捕捉，button只能 onClick了，如果你用submit，不论前面的function如何，就一定会提交。

input 元素很常用（为行内元素，在“去哪儿”找实习面试的时候被问到过，当时都答错...），根据不同的 type 属性，可以变化为多种形态。

在HTML5中表单元素可放在表单之外，通过给该元素添加form属性即可。

input的使用方法为：input type=submit value=OK /，一定要这样闭合。而不是：input type=submit value=OK /input。button与input不同的地方就在于它可以包含内容。

如何用HTML5操作WebSQL数据库

操作本地数据库的最基本的步骤是：第一步：openDatabase方法：创建一个访问数据库的对象。

openDatabase：这个方法使用现有数据库或创建新数据库创建数据库对象。transaction：这个方法允许我们根据情况控制事务提交或回滚。executeSql：这个方法用于执行真实的SQL查询。

Web SQL 关系数据库，通过SQL语句访问Web SQL 数据库 API 并不是 HTML5 规范的一部分，但是它是一个独立的规范，引入了一组使用 SQL 操作客户端数据库的 APIs。

如何使用HTML5中的data-*属性

在HTML5中我们可以使用以data-为前缀来设置我们需要的自定义属性，来进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。目前采取这样的做法的框架也有很多，最常见的当属jQueryMobile。

使用 HTML5 的 data-* 属性的话，获取元素后直接访问 dataset.属性名称 即可，dataset 的类型为 DOMStringMap {}，一个 MAP 对象，仍是 key / value 式的对象，使用上比较方便。

自定义属性：在HTML5中我们可以自定义属性，其格式如下data-*=，例如：data-info=我是自定义属性，通过Node.dataset[info] 我们便可以获取到自定义的属性值。