HTML—form表单

笔记：

1、画一个提交按钮，这个按钮可以提交表单

2、画按钮可使用input输入域，type="submit"的时候表示该按钮是一个提交按钮，具有提交表单的能力

3、按钮的value属性用来指定按钮上显示的信息

4、表单项写了name属性的会提交给服务器，不想提交这一项就不写name属性

5、文本框和密码框的value不需要程序员指定，用户输入什么value就是什么

6、name没有写时该项不会提交给服务器，value没有写时，value默认值是空字符串""

（一）

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 8     <title>Document</title>
 9 </head>
10 <form action="https://www.baidu.com/?tn=15007414_17_dg">
11     用户名<input type="text" /> 密码
12     <input type="password" />
13     <input type="submit" value="登录" />
14 </form>

效果图：单行表单

（二）

 1 <form active="https://www.baidu.com/?tn=15007414_17_dg">
 2     <table>
 3         <tr>
 4             <td>用户名</td>
 5             <td>
 6                 <input type="text" name="username" />
 7             </td>
 8         </tr>
 9         <tr>
10             <td>密码</td>
11             <td>
12                 <input type="password" name="userpwd" />
13                 <tr align="center">
14                     <td colspan="2">
15                         <!-- 列合并两个单元格 -->
16                         <input type="submit" value="登录" /> &nbsp; &nbsp; &nbsp;
17                         <input type="reset" value="清空" />
18                     </td>
19                 </tr>
20             </td>
21         </tr>
22     </table>
23 </form>