1、HTML5中为了方便排版，可以使from中的表单标签脱离from的嵌套。方法:from指定ID，所有表单标签均添加from=id属性。
<form action="http://localhost/test.php" method="post" id="register"></form> <input type="text" name="user" value="" from="register" /> <input type="password" name="pwd" value="" form="register" /> <select name="year" form="register"> <option value="1970">1970</option> <option value="1980">1980</option> <option value="1990">1990</option> </select> <input type="submit" value="注册" form="register" />
2、智能表单的使用和规范、新增的表单属性：
| Input表单的type新属性值 | |
| Type="email" | 限制用户输入必须为Email类型 |
| Type="url" | 限制用户输入必须为URL类型 |
| Type="date" | 限制用户输入必须为日期类型 |
| Type="time" | 限制用户输入必须为时间类型O |
| Type="month" | 限制用户输入必须为月类型O |
| Type="week" | 限制用户输入必须为周类型O |
| Type="number" | 限制用户输入必须为数字类型 |
| Type="range" | 产生一个滑动条的表单 |
| Type="search" | 产生一个搜索意义的表单 配合results="n"属性 C |
| Type="color" | 生成一个颜色选择表单 |
| 属性 | 值 | 说明 |
| Required | required | 表单拥有该属性表示其内容不能为空，必填 |
| placeholder | 提示文本 | 表单的提示信息，存在默认值将不显示（就是当表单的value的值不为空的话，该属性的值就不显示） |
| Autofocus | autofocus | 自动聚焦属性，页面加载完成自动聚焦到指定表单（如果有两个表单都有这属性，那么第一个生效，其他的无效） |
| Pattern | 正则表达式 | 输入的内容必须匹配到指定正<body>pattern 属性适用于以下类型的 <input> 标签：text, search, url, telephone, email 以及 password。 |
<form action="http://localhost/test.php" method="post" id="register"></form> <input type="submit" value="注册" form="register" /> <hr/> 默认值:<input type="text" name="test" value="" pattern="d{3}" placeholder="我是新的HTML5的默认值" form="register" /><br /> 邮箱：<input type="email" name="youxiang" value="" form="register" required="required" /><br /> URL：<input type="url" name="url" value="" form="register" /><br /> DATE:<input type="date" name="riqi" value="" form="register" /><br /> TIME：<input type="time" name="shijian" value="" form="register" /><br /> Month：<input type="month" name="yue" value="" form="register" /><br /> WEEK：<input type="week" name="zhou" value="" form="register" /><br /> datetime-local：<input type="datetime-local" name="shijian" value="" form="register" /><br /><!--选择日期和时间--> 数字：<input type="number" name="shuzi" value="" form="register" autofocus="autofocus" step="3"/><br /><!--min属性表示允许最小值，max表示允许最大值。 step属性表示规定合法的数字间隔（如果 step="3"，则合法的数是 -3,0,3,6 等）--> 滑动条：<input type="range" name="huadong" value="" form="register" max="10" step="2" /><br /><!--step="2"设置合法值 是2的倍数就是合法的,默认值是一般，设置value值可以设置默认值，同样可以设置最大 值和最小值--> 搜索：<input type="search" name="sousuo" value="" form="register" results="n" /><br /><!--results="n" 会增加一个搜索的小图标--> 颜色：<input type="color" name="yanse" value="" form="register" /><br /> </body>
<input type="tel" /><!--在移动端的时候会有键盘的切换-
<input type="text" placeholder="请输入4-16个字符" name="user" autocomplete="off" /><!--autocomplete是否自动保存用户输入值 默认为on--
<form action="http://www.baidu.com"> <input type="text" placeholder="请输入4-16个字符" name="user" autocomplete="off" pattern="d{1,5}" /> <input type="submit" value="提交" /> <input type="submit" value="保存至草稿箱" formaction="http://www.qq.com" /> <!--formaction在submit里定义提交地址--> </form>
3、Autocomplete列表：Datalist标签配合option标签实现的自动填充表单功能（就是当输入一点东西的时候会自动出现相关联的东西，比如百度的搜索）：
<body> 自动填充表单<br /> <input type="text" name="auto" value="" list="movie" /> <datalist id="movie"> <option>人在囧途</option> <option>车在囧途</option> <option>泰囧</option> </datalist> </body>
4、output的使用：
<body> 输出表单output<br /> <form action="" method="post" oninput="result.value=parseInt(no1.value)*parseInt(no2.value)"> <input type="number" name="no1" value="" /> <input type="number" name="no2" value="" /> <output name="result"></output> </form> </body>