Document

前言：总结了一些关于表单的东西，发下内心的感慨，以前感觉自己什么都会，今天竟然连最基本的表单的东西都忘了，好丢人，

学习的过程中，切勿眼高手低，一定要做好自己的笔记，然后多写代码，多想为什么，我比较笨，但是我相信勤能不着。

不说了，我又来粘贴代码了，这次就不放运行效果图了。

html表单代码：

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         
 9         <form method="post">
10             <legend>标题</legend>
11             <fieldset>
12                      <label for="name">名字：</label><br />
13             
14             <hr />2.文本框，密码框，隐藏框:
15             <input type="text" id="name" name="请输入你的名字" size="7" /><br />
16             <input type="text" id="name" name="请输入你的名字" size="6" /><br />
17             <input type="text" id="name" name="请输入你的名字" size="5" /><br />
18             <input type="text" id="name" name="请输入你的名字" size="4" /><br />
19             <input type="text" id="name" name="请输入你的名字" size="3" /><br />
20             <input type="text" id="name" name="请输入你的名字" size="2" /><br />
21             
22             <input type="text" id="name" name="请输入你的名字" size="2" maxlength="3" /><br />
23             <label for="pwd">密码：</label>
24             <input type="password" id="pwd" name="pass" />
25             <input type="hidden" id="pwd" name="hahah"  value="好"/>
26             
27             <hr />3复选框:
28             <input type="checkbox" name="复选框1" value="A"  checked="checked"  disabled="disabled"/>
29             <input type="checkbox" name="复选框2" value="B"     />
30             <input type="checkbox" name="复选框3" value="C"      />
31             <input type="checkbox" name="复选框4" value="D"     />
32             
33             <hr />单选栏:
34             <input type="radio" name="A" value="A" checked="checked" />
35             <input type="radio" name="A" value="B"   />
36             <input type="radio" name="A" value="C"  />
37             
38             <hr />4.窗体栏位:
39             <select name="ns" size="1">
40                 <option value="A">A</option>
41                 <option value="A">B</option>
42                 <option value="A">C</option>
43                 <option value="A">D</option>
44             </select>
45             <br />
46             
47             <hr />
48              <textarea cols="50" rows=“50">
49                  <h1> 你好啊</h1>
50              </textarea>
51 
52             <p>
53                 <input type="submit" name="提交"/>
54                 <input type="reset" name="重置" />
55             </p>
56             
57             <hr />5.按键，图像
58             <button>
59                 <img src="img/1.png" />
60             </button>
61             
62             <hr />
63             <input type="image" src="../day01/作业day01/img3/tv05.jpg" alt="好可怜" />
64             
65             <hr />
66             <input type="file" name="file"  />
67            </fieldset>
68         
69     
70         </form>
71        
72     </body>
73 </html>

View Code