JavaWeb中的表单

最新推荐文章于 2024-08-10 00:37:06 发布

原创最新推荐文章于 2024-08-10 00:37:06 发布 · 588 阅读

4 ·

CC 4.0 BY-SA版权

笔记专栏收录该内容

129 篇文章

订阅专栏

本文探讨了JavaWeb应用程序中的表单设计，包括表单元素、提交方式以及与服务器端的数据交互。通过实例解析了如何在Web页面上创建表单，并解释了HTTP请求在表单提交过程中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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&name+value...
				  2.不安全 提交信息都在地址栏上
				  3.他又数据长度的限制如若字符超过100个只能用POST
			   POST请求的特点是:
			      1.浏览器地址栏只有action属性值(只有地址)
				  2.相对于GET比较安全
				  3.理论上数据没有限制
		   -->
		 <center>
		   <form action="http://www.baidu.com" method="get">
			   <!--表单提交 数据信息没有发给服务器的三种情况
			      1.表单项没有name属性值
				  2.单选 复选(下拉列表中的option标签)都需要添加value属性值 以便发给服务器
				  3.表单不在提交的form标签中
			   -->
			   <table>
				   <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>