web前端之HTML中的表单和输入

表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。

表单使用表单标签（<form>）定义。

输入

多数情况下被用到的表单标签是输入标签（<input>）。输入类型是由类型属性（type）定义的。

程序演示：

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>文本域演示</title>
 6     </head>
 7     <body>
 8         <form >
 9             <fieldset id="">
10                 <legend>哈哈</legend>
11                 用户:
12             <input type="text" name="user"/><br>
13             密码：
14             <input type="password" name="password"  /><br>
15             <input type="radio"  name="sex" value="male"/>male<br>
16             <input type="radio"  name="sex" value="female"/>female<br>
17             <input type="checkbox" name="bike"  />I have a bike<br>
18             <input type="checkbox" name="car"  />I have a car<br>
19                 
20             </fieldset>
21             
22         </form>
23         <form >
24             <select name="car">
25                 <option value="现代">现代</option>
26                 <option value="长城">长城</option>
27                 <option value="大众">大众</option>
28             </select>
29             
30         </form>
31         <textarea  rows="10" cols="30"></textarea><br>
32         <input type="button"  value="开始" /><br>
33     </body>
34 </html>