form是表单标签
action属性设置提交的服务器地址
method属性设置提交的方式GET(默认值)或POST
表单提交的时候,数据没有发送给服务器的三种情况;
1、表单项不在提交的from标签中
2、表单项没有name属性(为传输字串准备)
3、单选、复选(下拉列表的option标签)都需要添加value属性来代表这个值,以便发送给服务器
GET请求的特点是:
1.浏览器的地址是:action属性【+?+请求参数】
请求参数的格式是;name=value&name=value
2.不安全
3.它有数据长度的限制
POST请求的特点是:
1.浏览器地址栏中只有action属性值
2.相对于GET请求要安全
3.理论上没有数据长度的限制
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="UTF-8">
<title>form</title>
</head>
<body>
<!--
需求;创建一个个人信息注册的表单界面,包含用户名,密码,确认密码,性别(单选),
兴趣爱好(多选),国籍(下拉列表),隐藏域,自我评价(多行文本框),重置,提交
-->
<!--
form是表单标签
input type="password"是密码框
input type="radio"是单选框,name属性可以进行分组,checked="checked"属性表示默认选中
input type="checkbox"是复选框,checked="checked"属性表示默认选中
<select></select>是下拉列表,<option></option>是下拉项
input type="reset"是重置按钮
<input type="button">是按钮
<input type="submit">是提交按钮
<input type="file">是文件上传
<input type="hidden">是隐藏域:当我们要发送某些信息,而这些信息不需要用户参与,就可以使用隐藏域
-->
<form action="http://localhost:8080" method="get">
<h1 align="center">用户注册</h1>
<table align="center">
<tr>
<td> 用户名称:</td>
<td> <input type="text" value="默认值" maxlength="10" name="username"></td>
</tr>
<tr>
<td> 用户密码:</td>
<td> <input type="password" maxlength="16" name="userpassword"></td>
</tr>
<tr>
<td> 确认密码:</td>
<td> <input type="password" maxlength="16" name="surepassword"></td>
</tr>
<tr>
<td>性别:</td>
<td><input type="radio" name="sex" value="boy" checked="checked">男
<input type="radio" name="sex" value="girl">女</td>
</tr>
<tr>
<td>兴趣爱好:</td>
<td> <input type="checkbox" checked="checked" value="java" name="inters">java
<input type="checkbox" value="c++" name="inters">c++
<input type="checkbox" value="python" name="inters">python</td>
</tr>
<tr>
<td>国籍:</td>
<td> <select name="guoji"><option value="null">请选择您的国籍</option>
<option value="china">中国</option>
<option value="am">美国</option>
<option value="dd">加拿大</option>
<option value="jp">日本</option>
</select><br/></td>
</tr>
<tr>
<td>自我评价:</td>
<td><textarea rows="10" cols="30" name="usertext">请输入您的自我评价</textarea></td>
</tr>
<tr>
<td> <input type="reset" value="点击重置"></td>
<td align="center"> <input type="submit"></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</form>
</body>
</html>