码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-09-16 00:38:46      阅读:239      评论:0      收藏:0      [点我收藏+]

标签:杭州   use   列表   disabled   read   菜单   jin   readonly   ado   

 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>

效果如下

单行文本框

隐藏域
单选按钮
复选框足球 篮球 网球
图像域

文件上传域
提交按钮
重置按钮
普通按钮
button提交按钮
button重置按钮
button普通按钮
香蕉


列表框

组列表框

多行文本域

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

标签:杭州   use   列表   disabled   read   菜单   jin   readonly   ado   

原文地址:http://www.cnblogs.com/jcx-only1314/p/7529164.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!