<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<!--创建一个个人信息注册的表单界面，包含用户名，密码，确认密码。性别（单选），兴趣爱好（多选），国籍（下拉列表）
隐藏域，自我评价（多行文本域）。重置，提交-->
<!--form是表单标签
action属性设置提交的服务器地址
method属性设置提交的方式GET(默认)或POST
GET方式提交的时候可以在网址上面看到提交的数据（不安全，容易暴露数据），它有数据长度的限制。
POST方式提交的时候那些数据则会被隐藏（安全），理论上没有数据长度的限制
表单提交的时候，数据没有发送给服务器的三种情况：
1、表单没有name属性
2、单选、复选（下拉列表中的option中的标签）都需要添加value属性，以便发送给服务器
3、表单项不在提交的form标签中
-->
<form action="http://localhost:8080" method="get">
<input type="hidden" name="action" value="login" /> <!--hidden是设置隐藏域-->
<h1 align="center">用户注册</h1>
用户名称：<input type="text" value="默认值" /><br/>
用户密码：<input type="password" /><br/>
确认密码：<input type="password" /><br/>
<!--radio是单选框，checkbox是复选框 -->
性别：<input type="radio" name="sex" checked="checked" />男 <input type="radio" name="sex"/>女 <br/><!--checked是默认值，如果需要男或者女只能选一个的话，需要设置相同name，这样浏览器才会识别在一起-->
兴趣爱好：<input name="hobby" type="checkbox" checked="checked">Java <input name="hobby" type="checkbox">JavaScript <input type="checkbox">PHP <input type="checkbox">C++ <br/>
<!--select是下拉列表框 option是下拉列表框中的选项 selected是默认选择，如果没有selected的话就会默认选择第一个-->
国籍：<select>
<option>--请选择国籍--</option>
<option selected="selected">中国</option>
<option>美国</option>
<option>日本</option>
<option>英国</option>
</select><br/>
<!--textarea是文本输入框(开始标签和结束标签中间是默认值) rows属性设置显示几行的高度 cols属性设置每行可以显示几个字符宽度-->
自我评价：<textarea rows="30" cols="50"></textarea><br/>
<input type="reset" /> <!--reset是重置，value可以修改上面你的文字-->
<input type="reset" value="abc" />
<input type="submit" /> <!--submit是提交，value可以修改上面你的文字-->
<input type="button" value="这个是按钮" /> <!--button是按钮，value可以修改上面的蚊子-->
<input type="file">
</form>
</body>
</html>
