浏览器的地址栏中有字数限制，大约为200个字符。
1.表单：<form action="" method=""></form> 属性： action=“” 提交路径 method="" 传输类型， 有get/post两种类型，即，以明文/密文的方式传输提交的数据
2.文本框：<input type="" name="" value="" id=""> 属性：type="" 其中有很值分别代表不同的意义，常用的有，submit(提交)、password（密码）、reset（重置）、radio（单选）、checkbox（多选）、button（按钮）、text(普通文本框) name="" 添加该属性，并指定值，才能收集用户的输入信息传入后台。 但对于不同的type属性也有不同的意义，当用于radio时，多个name一样，radio就有互斥性。value=""用于不同的type类型，有不同的意义。如用于text和password中，即用收获取用户输入的具体数值。id="" ID全局唯一，用于索引。其它用处不知道。
3.下拉列表：<select name="" id=""> <option value=""></option> </select>
属性：name="" 指定获取输入的名字。 value="" 不知道有什么用。但我知道它有用。 在option标签中默认选中属性为 selected 在input标签中默认选中属性为 checked
option[value=$]{$}*6 == 6个<option value=""></option>
4.多行文本框：<textarea name="" id="" cols="30" rows="10"></textarea> 属性： name 指定获取输入的值的名字。 cols 指定输入的最小的列数。 rows 指定输入的最小的行数。
5.<label for=""></label> 属性：for="" 其中的值与input id="" 中的值一致，可将label标签中的值与input相关连 例如： <input type="radio" id="radio"><label for="radio">radio</label>
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8"/>
5 <meta name="keyword" content="关键字"/>
6 <meta name="discraption" content="描述"/>
7 <title>Sign in
</title>
8 </head>
9
10 <body bgcolor="#fff8dc">
11 <center>
12 <h1>登录
</h1>
13 <form action="#" method="post">
14
15 帐号：
<input type="text" name="User" > <br/><br/>
16
17 密码：
<input type="password" name="Pwd" > <br/><br/>
18
19 <a href="questionnaire.html" target="_blank">
20 <input type="button" value="登录" width="50" height="10">
21 </a>
22
23 <!--<br/> https://wj.qq.com/s/1333447/4afc/?pgv_ref=aio2015&ptlang=2052-->
24 </form>
25 </center>
26
27 </body>
28 </html>
登录
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8"/>
5 <meta name="keyword" content="关键字"/>
6 <meta name="discraption" content="描述"/>
7 <title>Registed
</title>
8 </head>
9
10 <body bgcolor="#fff8dc">
11 <marquee behavior="alternate" direction="right">
12 <a href="Registed.html" target="_blank" style="float: right"> 注册
</a>
13 <a href="Sign.html" target="_blank" style="float: right">登录
</a>
14 </marquee>
15
16 <h1 align="center">注册
</h1>
17
18 <center>
19 <form action="#" method="post">
20 帐号：
<input type="text" name="User"value="" > <br/><br/>
21
22 密码：
<input type="password" name="Pwd" value=""> <br/><br/>
23
24 性别：
<input type="radio" name="gender" value="male" id="male" checked>
25 <label for="male">男
</label>
26 <input type="radio" name="gender" value="female" id="female">
27 <label for="male">女
</label> <br>
28
29 生日：
30 <select name="year" id="">
31 <option value="1991" selected>1991
</option>
32 <option value="1992">1992
</option>
33 <option value="1993">1993
</option>
34 <option value="1994">1994
</option>
35 <option value="1995">1995
</option>
36 <option value="1996">1996
</option>
37 <option value="1997">1997
</option>
38 <option value="1998">1998
</option>
39 <option value="1999">1999
</option>
40 </select>年
41
42 <select name="month" id="">
43 <option value="01" selected>01
</option>
44 <option value="02">02
</option>
45 <option value="03">03
</option>
46 <option value="04">04
</option>
47 <option value="05">05
</option>
48 <option value="06">06
</option>
49 <option value="07">07
</option>
50 <option value="08">08
</option>
51 <option value="09">09
</option>
52 <option value="10">10
</option>
53 <option value="11">11
</option>
54 <option value="12">12
</option>
55 </select>月
56
57 <select name="day" id="">
58 <option value="01" selected>01
</option>
59 <option value="02">02
</option>
60 <option value="03">03
</option>
61 <option value="04">04
</option>
62 <option value="05">05
</option>
63 <option value="06">06
</option>
64 <option value="07">07
</option>
65 <option value="08">08
</option>
66 <option value="09">09
</option>
67 <option value="10">10
</option>
68 <option value="11">11
</option>
69 <option value="12">12
</option>
70 <option value="13">13
</option>
71 <option value="14">14
</option>
72 <option value="15">15
</option>
73 <option value="16">16
</option>
74 <option value="17">17
</option>
75 <option value="18">18
</option>
76 <option value="19">19
</option>
77 <option value="20">20
</option>
78 <option value="21">21
</option>
79 <option value="22">22
</option>
80 <option value="23">23
</option>
81 <option value="24">24
</option>
82 <option value="25">25
</option>
83 <option value="26">26
</option>
84 <option value="27">27
</option>
85 <option value="28">28
</option>
86 <option value="29">29
</option>
87 <option value="30">30
</option>
88 <option value="31">31
</option>
89 </select>日
<br>
90
91 邮箱：
<input type="text" name="E-mail" > <br/><br/>
92
93 手机号：
<input type="text" name="Number" > <br/><br/>
94
95
96 <a href="Sign.html" target="_blank">
97 <input type="submit" value="提交">
98 </a>
99
100 <input type="reset" value="重置">
101
102 <!--<br/> https://wj.qq.com/s/1333447/4afc/?pgv_ref=aio2015&ptlang=2052-->
103 </form>
104 </center>
105
106 </body>
107
108 </html>
注册
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>questionnaire
</title>
6 <style>
7
8 div{margin-left:10%}
9 div{margin-right:10%}
10 </style>
11 </head>
12
13 <body bgcolor="#faebd7">
14
15 <div align="center" >
16 <hr>
17 <h1 align="center">大学声调查 | 大学生实习兼职情况调查
</h1>
18 <hr>
19
20 <p> 大学生在校期间，一般都会参与某些形式的兼职或者实习经历，但不同高校的学生能够得到的实习机会也颇有不同。
<br>
21
22 大学声联合腾讯教育，进行了这次大学生实习情况调查，期待你的参与能发出大学生自己的声音。
<br>
23
24 本调查共有21道选择题，花3-4分钟即可完成。
<br>
25
26 （本调查问卷中提到的“实习”指大学生在校期间为提高就业竞争力，赚生活费，以及社会实践等目的进行的各类实习及兼职工作行为）
27 </p>
28
29
30 </div> <!--标题-->
31
32
33 <div align="center">
34 <p>
35 1.你的性别是？
<br>
36 <input type="radio" name="gender" id="male">
37 <label for="male">男
</label>
38 <input type="radio" name="gender" id="famale">
39 <label for="famale">女
</label> <br>
40 </p> <!--问题一：你的性别是？-->
41
42 <p>
43 2.你的本科入学时间是？
<br>
44 <input type="radio" name="year" value="2011">2011年
<br>
45 <input type="radio" name="year" value="2012">2012年
<br>
46 <input type="radio" name="year" value="2013">2013年
<br>
47 <input type="radio" name="year" value="2014">2014年
<br>
48 <input type="radio" name="year" value="2015">2015年
<br>
49 <input type="radio" name="year" value="2016">2016年
<br>
50 </p> <!--问题二：入学年份-->
51
52 <p>
53 3.你所在的高校属于哪一类？
<br>
54 <input name="SchoolType" type="radio" value="" id="">985工程院校
<br>
55 <input name="SchoolType" type="radio" value="" id="">211非985高校
<br>
56 <input name="SchoolType" type="radio" value="" id="">普通本科院校
<br>
57 <input name="SchoolType" type="radio" value="" id="">普通专科院校
<br>
58 <input name="SchoolType" type="radio" value="" id="">独立学院
<br>
59 <input name="SchoolType" type="radio" value="" id="">职业技校
<br>
60 <input name="SchoolType" type="radio" value="" id="">中外联合办学
<br>
61 <input name="SchoolType" type="radio" value="" id=<"">其他
<br>
62 </p> <!--问题三：学校类型-->
63
64 <p>
65 4.你所学的专业大概属于下列哪一类？
<br>
66 <input type="radio" name="project" value="" id="">理工
<br>
67 <input type="radio" name="project" value="" id="">经管
<br>
68 <input type="radio" name="project" value="" id="">艺术
<br>
69 <input type="radio" name="project" value="" id="">体育
<br>
70 <input type="radio" name="project" value="" id="">教育
<br>
71 <input type="radio" name="project" value="" id="">法律
<br>
72 <input type="radio" name="project" value="" id="">医学
<br>
73 <input type="radio" name="project" value="" id="">农学
<br>
74 <input type="radio" name="project" value="" id="">其它
<br>
75
76 </p> <!--问题四：专业类型-->
77
78 <p>
79 5.你在大学期间有过多少次实习经历？
<br>
80 <input type="radio" name="experience" value="" id="">5次以上
<br>
81 <input type="radio" name="experience" value="" id="">3-4次
<br>
82 <input type="radio" name="experience" value="" id="">1-2次
<br>
83 <input type="radio" name="experience" value="" id="">一次都没有
<br>
84 </p>
85
86
87
88 </div> <!--正文-->
89
90 <div align="center">
91 <a href="#">
92 <input type="submit" id="" value="提交">
93 </a>
94 </div> <!--结尾-->
95
96
97 </body>
98
99 </html>
问卷调查
转载于:https://www.cnblogs.com/Fkuennhvo/p/6854553.html
