HTML5表单

一、HTML5表单

表单用于：获取不同类型的用户输入（文字、按钮）

常用表单标签

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title>表单</title>
 6 </head>
 7 <body>
 8     <form>
 9         用户名：
10         <input type="text">
11         <br/>
12         密码：
13         <input type="password">
14         <br/>
15         你喜欢的水果有？
16         <br/>
17         苹果<input type="checkbox">
18         榴莲<input type="checkbox">
19         香蕉<input type="checkbox">
20         <br/><br/>
21         请选择您的性别：
22         男<input type="radio" name="sex">
23         女<input type="radio" name="sex">
24         <br/><br/>
25         请选择您常用的网站：
26         <select>
27             <option>www.jikexueyuan.com</option>
28             <option>www.baidu.com</option>
29             <option>www.google.com</option>
30         </select>
31         <input type="button" value="按钮">
32         <input type="submit" value="提交">
33     </form>
34     <!--文本域-->
35     <textarea cols="30" rows="30">请在此填写个人信息备注</textarea>
36 </body>
37 </html>

posted on 2015-08-16 15:51 天娱邪神阅读(161) 评论(0) 编辑收藏举报