版权声明：本文为博主原创文章，转载须注明出处，否则追究法律责任。 https://blog.csdn.net/qq_24831889/article/details/74178470
<!DOCTYPE HTML>
<html>
</head>
<body>
<h1 color="red" align="center">北京邮电大学学生注册登录系统</h1>
<form action="./30表单.php" method="get" align="">
<p>姓 名: <input type="text" name="username"></input></p>
<p>密 码: <input type="password" name="pwd"></input></p>
<p>性 别: 男<input type="radio" name="sex" value="男"></input> 女<input type="radio" name="sex" value="女"></input></p>
<p>生 日:
<select name="year">
<option value="0" selected>请选择</option>
<option value="1">1980</option>
<option value="2">1981</option>
<option value="3">1982</option>
<option value="4">1983</option>
<option value="5">1984</option>
<option value="6">1985</option>
<option value="7">1986</option>
<option value="8">1987</option>
<option value="9">1988</option>
<option value="10">1989</option>
<option value="11">1990</option>
<option value="12">1991</option>
<option value="13">1992</option>
<option value="14">1993</option>
<option value="15">1994</option>
<option value="16">1995</option>
<option value="17">1996</option>
<option value="18">1997</option>
<option value="19">1998</option>
<option value="20">1999</option>
<option value="21">2000</option>
<option value="22">2001</option>
<option value="23">2002</option>
</select><span>年</span>
<select name="month">
<option value="0" selected>--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select><span>月</span>
<select name="day">
<option value="0" selected>--</option>
<option value="0" selected>--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select><span>日</span>
</p>
<p>学 历：
<select name="学历">
<option value="1" selected="selected">本科生</option>
<option value="2">研究生</option>
<option value="3">博士生</option>
</select>
</p>
<p>语言技能: 汉语<input type="checkbox" name="chinese"></input> 英语<input type="checkbox" name="english"></input> 日语<input type="checkbox" name="japanese"></input></p>
<p>上传文件：<input type="file"></input></p>
<p><input type="button" value="注册"></input> <input type="button" value="登录"></input></p>
<p><input type="submit"></input> <input type="reset"></input></p>
<p><h5><input type="checkbox">同意<a href="http://www.bupt.edu.cn" target="_blank" title="北京邮电大学服务条款">北京邮电大学服务条款</a></h5></p>
<p>隐 藏 域：<input type="hidden"></p>
<p>留 言 框：<textarea rows="10" cols="30" name="留言"></textarea></p>
<p><input type="image" src="./img/BUPT.jpg"></input></p>
</form>
</body>
</html>form元素
action属性：当前表单的内容提交给哪个表单进行处理
method属性：当前表单的提交方式，常见的为get和post，默认为get
input元素
text |
普通文本框 |
name值可有可无 |
password |
密码输入框 |
name值可有可无 |
checkbox |
复选框 |
必须有，否则无法提交 |
radio |
单选框 |
必须有，否则无法提交 |
file |
选择文件 |
|
reset |
重置 |
|
image |
提交图片 |
|
submit |
将表单内容提交给action指向的页面 |
|
button |
按钮 |
|
hidden |
隐藏域 |
细节：
-
input的type默认值为text，表示单行文本；
- 对于input，最好给他添加一个name属性，作用是将用户输入的内容提交给要处理这个数据的页面；
get提交与post提交
- get提交：提交内容会出现在地址栏后面，标志为？，内容以键值对形式出现；
如果没有添加name属性，则不能成功提交； - post提交：提交内容不会出现在地址栏中，也没有？标志，比较安全；
细节说明
-
每一个input都有一个value值，其中text，password的value值可有可无，checkbox，radio必须有value值，否则无法提交
-
对于type=“”radio“”来说，只有给每个input都添加一个相同的name属性值才可以完成单选框的要求
-
关于单行文本的宽度，可以使用size属性来设置，表示字符长度，一般不用，实际上使用CSS控制
select和option标签
注意：
- 默认情况下将option的内容作为提交内容，我们通常情况下给option设置一个value属性，通常用数字作为属性值
- 我们可以使用selected属性将某个option作为默认选中状态
textarea
作用：提供输入大量文本的输入框，比如QQ空间，贴吧的留言框；
格式：<textarea></textarea>