1、首先，打开IDEA软件，并新建一个工程，建好后，右键创建一个html5文件，完成后便完成了最开始的工作接着我们先熟悉一些较常用的表单标签表单ltform， 输入域ltinput，文本域lttextarea，按钮ltbutton，域的标题ltlegen。

2、用html5的localStorage方法就可以实现本地存储 lt！DOCTYPE html lthtml lang=quotenquot xmlns=quotlthead ltmeta charset=quotutf8quot lttitlelttitleltheadltbodyltdivnamelti。

3、lt！DOCTYPE htmllthtmllthead ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10quot ltstyle type=quottextcssquot inputtype=#39radio#39， inputtype=#39checkbox#39， label cursor p。

4、1首先我们要设置表单的验证规则 2然后根据表单的验证规则定义要显示验证消息，3最后通过JavaScript 和CSS相结合先将所有预定义的验证消息隐藏掉，然后再根据表单中的输入是否符合验证规则来控制验证消息的显隐状态下面我。

5、首先先说一个html5中表单新增的一个功能，在我们之前的html中，表单元素必须放在form元素所包含的里面，在html5中，可以把他们写在页面上的任何一个地方，然后给该元素增加一个form属性，form属性的值为form表单的id，如下。

6、在HTML中，一个完整的表单通常由表单控件表单元素提示信息和表单域三部分构成表单控件包含了具体的表单功能项，例如单行文本输入框密码输入框单选框复选框提交按钮重置按钮等常用的表单控件 1label控件。

7、下面是表单代码，你直接再加属性就可以了，表单用 table 写比较简单，div 太麻烦了lthtml xmlns=quot quot lthead ltmeta。

8、在HTML5中内置了很多表单的验证规则，这些验证规则会根据用户在input元素中输入的内容返回一个布尔值来告诉我们表单验证的状态下面我们就来列举一些我们比较常用的内置验证规则吧ValueMising规则 示例ltinput type=quottextquot。

9、插入视频相关的标签介绍ltvideo用于定义一个视频ltsource用于设置视频的资源lttrack可以设置在媒体播放器文本轨迹注使用时需要注意浏览器的兼容性，ltvideo标签在浏览器中的兼容性如下图所示实例示范1如何用html5在。

10、ltform action=quotexamplehtml5demo_formaspquot method=quotgetquot id=quotuser_formquotFirst nameltinput type=quottextquot name=quotfnamequot ltinput type=quotsubmitquot ltformltp下面的输入域在 form 元素之外，但仍然是表单。

11、可以写一个为表单内元素赋值的方法，三个按钮上面添加点击事件，点击时调用这个赋值方法，但是传的参数不一样，在方法中根据不同的参数，为表单赋不同模板的值不知上面是否写的清楚，我写了一个对应的小demolthtmllt。

12、HTML5新增的表单控件提供了更好的输入控制和验证，主要内容如下 emailurlnumberrangeDate pickers date， month， week， time， datetime， datetimelocalsearchcolortel等类型的输入控件 更丰富的input。

13、网页中表单与控件的应用设计网页中音频与视频的应用设计网页中图形绘制与操作的应用设计网页中特效与交互的应用设计网页中元素与整体布局的应用设计，将HTML5和CSS3的相关知识合理安排到各个教学单元中。

14、正确答案HTML5的表单验证功能l表单验证是一套系统，它为终端用户检测无效的数据并标记这些错误，让Web应用更快的抛出错误，大大的优化了用户体验HTML5自带的两种验证方式l通过required属性校验输入框填写内容不能为空。

15、新增表单元素用于表单的密钥对生成器字段 不同类型的输出，比如脚本的输出新增表单属性autocomplete 自动完成 novalidate不验证数据 formaction 用于描述表单提交的URL地址，会覆盖 元素中的action属性formenctype 表单提交到。

16、2设置Form元素的autocomplete为“on”或者“off”来开启或者关闭自动完成功能 3设置input输入框的autocomplete为“on”或者“off”来开启或者关闭该输入框的自动完成功能关闭密码域的自动完成代码实例lt！ 打开自动完成。

17、HTML5+CSS3做一个后台管理系统的侧边导航栏，点击三条杠，可以收起或展开侧边导航栏收起时，图标变大，文本在图标下方，管理员头像右侧的欢迎语隐藏展开时图标变小，文本在图标的右侧显示，管理员头像右侧的欢迎语显示。

18、html5新增的表单元素有以下几种datalist，keygen，output三种无素1datalist 元素 datalist 元素规定输入域的选项列表列表是通过 datalist 内的 option 元素创建的如需把 datalist 绑定到输入域，请用输入域的 list。