<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<!--from 表单：
form标签就是表单
input type=text 是文件瑜入框value设置默认显示内容
input typespassword 是密码瑜入框value设置默认显示内容
input type=radio 是单选框 name属性可以对其进行分组 checked="checked"表示默认选中
input type=checkbox 是复选框 checked="checked"表示默认选中
input type="reset" 是重置按钮 value属性修改按钮上的文本
input type="submit" 是提交按钮 value属性修改按钮上的文本
input type="submit" 是提交按钮 value属性修改按钮上的文本
input type="file" 是上传文件的域
input type="hidden" 是隐藏域 提交的时候同时发给服务器/不需要用户参与
select 标签是下拉列表框
option 标签是下拉列表框中的选项 selected="selected" 表示默认选中
textarea 表示多行文本框输入框（起始和结束标签中的内容是默认值）
row 属性设置可以显示几行的高度
cols 属性设置每行可以显示几个字符宽度
<input type="button">
<input type="file">
<input type="hidden">
-->
<!--
form标签是表单标签
action属性设置提交的服务器地址
method属性设置的提交方式Get（默认值）或者Post
表单提交数据的时候，数据没有发给服务器的三种情况
1.表单项没有name属性值
2.单选、复选（下拉列表中的option标签）都需要添加value属性，以便于发送给服务器
3.表表单项不在from标签中
Get请求的特点是：
1.浏览器地址栏中的地址是：action属性[+？+请求参数]
请求参数的歌声是：name=value&name=value--&username=sss158&userpassword=abcsss
2.不安全
3.它有数据长度的限制
Post
1.浏览器地址栏中只有action属性值
2.相对于Get请求要安全
3.理论上没有数据长度的限制
-->
<form action="http://localhost:8080" method="get">
<input type="hidden" name="action" value="login">
<table align="center">
<h1 align="center">用户注册</h1>
<tr>
<td>用户名: </td>
<td> <input type="text" value="sss级用户名" name="username"></td>
</tr>
<td>密码： </td>
<td><input type="password" value="abcsss" name="userpassword"></td>
</tr>
<tr>
<td>确认密码：</td>
<td><input type="password" value="abcsss"><br/></td>
</tr>
<tr>
<td>性别：</td>
<td><input type="radio" name="ss" checked="checked">男<input type="radio" name="ss">女</td>
</tr>
<tr>
<td> 兴趣爱好：</td>
<td><input name="xq" type="checkbox" checked="checked">go语言<input name="g" type="checkbox">Java语言<input name="j" type="checkbox">
c++语言<input name="c" type="checkbox">c#语言</td>
</tr>
<tr>
<td>国际：</td>
<td><select name="country" d="">
<option value="" selected="selected"> 中国</option>
<option value=""> 中</option>
<option value=""> 国</option>
<option value=""> 日</option>
<option value=""> 韩</option>
</select></td>
</tr>
<tr>
<td>自我评价：</td>
<td><textarea name="zp" rows="10" cols="20" >请用200字概括</textarea></td>
</tr>
<tr>
<td> <input type="reset"></td>
<td align="center"> <input type="submit"></td>
</tr>
</table>
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<!--from 表单：
form标签就是表单
input type=text 是文件瑜入框value设置默认显示内容
input typespassword 是密码瑜入框value设置默认显示内容
input type=radio 是单选框 name属性可以对其进行分组 checked="checked"表示默认选中
input type=checkbox 是复选框 checked="checked"表示默认选中
input type="reset" 是重置按钮 value属性修改按钮上的文本
input type="submit" 是提交按钮 value属性修改按钮上的文本
input type="submit" 是提交按钮 value属性修改按钮上的文本
select 标签是下拉列表框
option 标签是下拉列表框中的选项 selected="selected" 表示默认选中
textarea 表示多行文本框输入框（起始和结束标签中的内容是默认值）
row 属性设置可以显示几行的高度
cols 属性设置每行可以显示几个字符宽度
-->
<!--
form标签是表单标签
action属性设置提交的服务器地址
method属性设置的提交方式Get（默认值）或者Post
表单提交数据的时候，数据没有发给服务器的三种情况
1.表单项没有name属性值
2.单选、复选（下拉列表中的option标签）都需要添加value属性，以便于发送给服务器
3.表表单项不在from标签中
Get请求的特点是：
1.浏览器地址栏中的地址是：action属性[+？+请求参数]
请求参数的歌声是：name=value&name=value--&username=sss158&userpassword=abcsss
2.不安全
3.它有数据长度的限制
Post
1.浏览器地址栏中只有action属性值
2.相对于Get请求要安全
3.理论上没有数据长度的限制
-->
<form>
用户名: <input type="text" value="sss级用户名"><br/>
密码：<input type="password" value="abcsss"><br/>
确认密码：<input type="password" value="abcsss"><br/>
性别：<input type="radio" name="ss" checked="checked">男<input type="radio" name="ss">女<br/>
兴趣爱好：<input type="checkbox" checked="checked">go语言<input type="checkbox">Java语言<input type="checkbox">c++语言<input type="checkbox">c#语言<br/>
国际：<select name="" d="">
<option value="" selected="selected"> 中国</option>
<option value=""> 中</option>
<option value=""> 国</option>
<option value=""> 日</option>
<option value=""> 韩</option>
</select>
自我评价：<textarea rows="10" cols="20" >请用200字概括</textarea><br/>
<input type="reset">
<input type="submit">
<input type="button">
</form>
</body>
</html>
