JavaWeb中的表单
Web中表单设计及其部分解析
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>mzt</title>
</head>
<body bgcolor="antiquewhite">
<!--form标签就是表单
input type = text        是⽂件输⼊框    value设置默认显⽰内容
input type = password    是密码输⼊框    value设置默认显⽰内容
input type = radio      是单选框        name属性可以对其进⾏分组    checked = "checked"表⽰默认选中
input type = checkbox    是复选框        checked = "checked"表⽰默认选中
input type = reset      是重置按钮      value可以修改按钮上的⽂本
input type = submit      是提交按钮      value可以修改按钮上的⽂本
input type = file        是⽂件上传域
input type = hidden      是隐藏域当我们需要发送某些信息⽽这些信息不需要呗⽤户参与可以设置隐藏域
selcet标签是下拉列表框
option标签是下拉列表框中的选项
textarea 表⽰多⾏⽂本输⼊框
rows属性设置可以显⽰⼏⾏的⾼度
cols属性设置每⾏可以显⽰⼏个字符宽度
action属性设置提交的服务器地址
method属性设置提交的⽅式GET或POST
GET请求的特点是:
1.浏览器地址栏中的地址是:action属性[+?+请求参数]
请求参数的格式是:name+value&
2.不安全提交信息都在地址栏上
3.他⼜数据长度的限制如若字符超过100个只能⽤POST
POST请求的特点是:
1.浏览器地址栏只有action属性值(只有地址)
2.相对于GET⽐较安全
3.理论上数据没有限制
-->
<center>
<form action="www.baidu" method="get">
<!--表单提交数据信息没有发给服务器的三种情况
1.表单项没有name属性值
2.单选复选(下拉列表中的option标签)都需要添加value属性值以便发给服务器
3.表单不在提交的form标签中
-->
<table>textarea中cols表示
<tr>
<td>⽤户名称:</td>
<td><input type = "text"></td>
</tr>
<tr>
<td>输⼊密码:</td>
<td><input type = "password"></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input type = "password"></td>
</tr>
<tr>
<td>性别:</td>
<td><input type="radio" name="sex" checked="checked">男
<input type="radio" name="sex">⼥
</td>
</tr>
<tr>
<td> 兴趣爱好:</td>
<td><input type = "checkbox" checked="checked">篮球          <input type = "checkbox">⽹球
<input type = "checkbox">⽻⽑球
</td>
</tr>
<tr>
<td>国籍:</td>
<td><select>
<option>--请选择国籍</option>
<option>中国</option>
<option>美国</option>
<option>英国</option>
</select></td>
</tr>
<tr>
<td> ⾃我评价:</td>
<td><textarea rows = "10" cols="10"></textarea></td>      </tr>
<tr>
<td><input type="reset"></td>
<td><input type="submit" value="提交"></td>
</tr>
<tr>
<td> <input type = "file"></td>
</tr>
</table>
</form>
</center>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。