HTML5表单新属性

表单新属性
     * autofocus属性 - 自动获取焦点
     * placeholder属性 - 设置默认提示
     * multiple属性 - 允许输入多个值
     * (了解)form属性 - 允许定义表单元素在表单之外

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title>表单新属性</title>
 6 </head>
 7 <body>
 8     <fieldset>
 9         <legend>表单新属性</legend>
10         <form id="myform" action="#">
11             <!--
12                 TODO 自动获取焦点
13                 TODO * 注意 - 只需要定义属性名(autofocus)
14                 TODO   * autofocus="autofocus"
15             -->
16             用户名:<input autofocus type="text" name="user" value="请输入用户名"><br/>
17             <!--
18                 TODO 设置默认提示内容
19             -->
20             密码:<input type="password" name="pwd" placeholder="请输入密码"><br/>
21             <!--
22                 TODO 允许输入多个值
23                 TODO * 只能配合email和file类型使用
24             -->
25             email:<input type="email" multiple><br/>
26             <input type="file" name="files" multiple/>
27 
28             <br/><br/>
29             <input type="submit"/>
30         </form>
31         <!--
32             TODO 允许将表单元素定义在表单之外
33         -->
34         <input type="text" name="home" form="myform"/>
35     </fieldset>
36 </body>
37 </html>

表单新属性