我的web前端学习之路-HTML-form-CSDN博客

 1 <form name="register" method="post" action="servlet等可处理请求的东西">
 2         单行文本框<input type="text" name="username" id="username"/><br/>
 3         <label for="password">密码框</label><input type="password" name="password" id="password"/><br/>
 4         隐藏域<input type="hidden" name="hidden" id="hidden"/><br/>
 5         单选按钮<input type="radio" name="radio" id="radio1" value="男"/>男
 6                <input type="radio" name="radio" id="radio2" value="女" checked="checked"/>女<br/>
 7         复选框<input type="checkbox" name="hobby" id="h1" disabled="disabled"/>足球
 8             <input type="checkbox" name="hobby" id="h2" checked="checked"/>篮球
 9             <input type="checkbox" name="hobby" id="h3"/>网球<br/>
10         图像域<br/><input type="image" src="img/我爱你.jpg" width="300px" height="200px" /><br/>
11         文件上传域<input type="file" name="file"/><br/>
12         提交按钮<input type="submit" name="submit" value="提交"/><br/>
13         重置按钮<input type="reset" name="reset" value="重置"/><br/>
14         普通按钮<input type="button" name="button" value="普通"/><br/>
15         
16         button提交按钮<button type="submit"><i>提交按钮</i></button><br/>
17         button重置按钮<button type="reset"><b>重铸按钮</b></button><br/>
18         button普通按钮<button type="button" disabled="disabled">提交按钮</button><br/>
19         
20         <label for="select">下拉菜单</label><select name="selectF" id="select">
21             <option><b>香蕉</b></option>
22             <option selected="selected">牛奶</option>
23             <option>瓜皮</option>
24         </select><br/>
25         列表框<br/>
26         <select name="more" id="city" multiple="mutiple" size="5">
27             <option>北京</option>
28             <option>上海</option>
29             <option>杭州</option>
30             <option>长沙</option>
31             <option>深圳</option>
32             <option>厦门</option>
33             <option>贵阳</option>
34             <option>成都</option>
35         </select><br/>
36         组列表框<br/>
37         <select name="moreGrou" id="cityG" size="5">
38             <optgroup label="靠北">
39                 <option selected="selected" value="beijing">北京        </option>
40                 <option>上海</option>
41                 <option>杭州</option>
42                 <option>长沙</option>    
43             </optgroup>
44             <optgroup label="靠南" disabled="disabled">
45                 <option>深圳</option>
46                 <option>厦门</option>
47                 <option>贵阳</option>
48                 <option>成都</option>    
49             </optgroup>
50         </select><br/>
51         多行文本域<br/>
52         <textarea name="textarea" cols="20" rows="10" readonly>
53             1.xiao
54             2.small
55         </textarea>
56     </form>