1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>表单</title>
6 <link rel="stylesheet" type="text/css" href="">
7 </head>
8 <body>
9 <!-- 表单:form
10 method:方式、方法，常用的有post,get
11 post信息容量更大，信息加密
12 get信息容量小，不加密，传递信息是明文
13 get:地址栏方式/url方式/链接方式
14 action指定了接受信息的文件
15 -->
16 <form method="post" action="">
17 <!-- 文本框 text
18 type="种类" 必须填写
19 name="名字" 必须填写
20 value="值" 真正传过去的东西
21 label：点击自动获取焦点
22 placeholder：占位说明
23 submit:提交
24 在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签 25 如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character 26 entities）。如需显示小于号，我们必须这样写：< 或 < 或 <
27 -->
28 <label for="nick">昵称:</label><input type="text" name="nick" value="" 29 placeholder="请输入昵称">
30 <br>
31 <label for="pass">密码:</label><input type="password" name="pass" 32 placeholder="请输入密码">
33 <br>
34 <!--提交按钮 -->
35 <input type="submit">
36 <br>
37 <!-- 单选按钮
38 name ：一组内的一定要一样，否则会多选
39 -->
40 性别:<input type="radio" name="sex" value="male">男
41 <input type="radio" name="sex" value="female">女
42 <br>
43 <!-- 多选按钮
44 一组内的name一定要一样
45 -->
46 爱好:<input type="checkbox" name="hobby" value="film">看电影
47 <input type="checkbox" name="hobby" value="eat">吃
48 <input type="checkbox" name="hobby" value="game">游戏
49 <input type="checkbox" name="hobby" value="book">读书
50 <!-- 文本域
51 textarea
52 rows:行数（高度）
53 cols:列数（宽度）
54 -->
55 <textarea name="detail" value="" rows="10" cols="150" >
56 yiashubn
57 </textarea>
58 <br>
59 <!-- 下拉列表 -->
60 地点:
61 <select name="area">
62 <option value="">请选择地点</option>
63 <option value="1">河北区</option>
64 <option value="2">南开区</option>
65 <option value="3">河东区</option>
66 <option value="4">红桥区</option>
67 </select>
68 </form>
69 </body>
70 </html>
