form表单

最新推荐文章于 2024-05-21 18:11:13 发布

不动声色的小蜗牛

最新推荐文章于 2024-05-21 18:11:13 发布

阅读量189

点赞数

分类专栏： HTML 文章标签： html html5

本文链接：https://blog.csdn.net/weixin_45720626/article/details/107313703

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>form表单</title>
	</head>
	<body>
		<!--
			action:指定表单数据目的地
			method:设置使用哪个方法处理请求 ；	
				可选值：
					get：doget； 		        post：dopost
					地址栏显示数据，所以数据不安全； 	地址栏不会显示数据，所以安全
			enctype
				可选值：
					- application/x-www-form-urlencoded 默认值 
					- multipart/form-data 上传文件
		-->
		
		<!--form表单-->
		<form action="" method="" enctype="">
			
			<!--隐藏框-->
			<input type="hidden" name="id" value="100" id="id" />
			<!--
				hidden:设置隐藏框，页面不显示，主要用于向服务器端传递隐含数据；
				name:指定隐藏框的name值，将来Servlet用于获取该框中的数据；
				value:用于设置默认值；
				id:用于唯一标识该隐藏框，整个页面唯一，不允许重复；在确保唯一的前提下，常与name标签属性值相同
				
				说白了就是隐藏框自己默默的向服务器传递数据，Servlet通过name值，获取到value的默认值
			-->
			
			
			<!--文本框-->
			<input type="text" name="uer_name" value="" id="user_name" maxlength="5" readonly="readonly" disabled="disabled"/>
			<!--
				text:设置文本框，默认值
				name:用于Servlet获取该框的数据
				placeholder:设置提示信息;
				value:用于设置默认值; 若有默认值，则placeholder提示信息不再显示;
				id:用于唯一标识该文本框，整个页面唯一，不允许重复；在确保唯一的前提下，常与name标签属性值相同
				maxlength:设置最长字符个数
				readonly:设置文本框内容只读（不能往里输入数据），但是数据(也就是默认值)可以被Servlet获取
				disabled:禁用文本框，数据不能被servlet获取;
			-->
			
			
			<!--密码框-->
			<input type="password" name=""  />
			<!--
				password:设置密码框
				name:用于Servlet获取该密码框中的数据
				placeholder:设置提示信息;
				value:用于设置默认值; 若有默认值，则placeholder提示信息不再显示;
				id:用于唯一标识该密码框，整个页面唯一，不允许重复；在确保唯一的前提下，常与name标签属性值相同
				maxlength:设置最长字符个数
				readonly:设置密码框内容只读（不能往里输入数据），但是数据(也就是默认值)可以被Servlet获取
				disabled:禁用密码框，数据不能被servlet获取;
			-->
			
			
			
			<!--下拉项-->
			<select name="provice" id="provice" multiple="multiple" >
			<!--
				name:用于Servlet获取该密码框中的数据;
				id:用于唯一标识该密码框，整个页面唯一，不允许重复；在确保唯一的前提下，常与name标签属性值相同;
				multiple:设置下拉选项多选，此时Servlet应该调用request.getParameterValues()来获取所有选中的数据;
			-->
				<option value=""disabled="disabled">请选择</option>
				<!--
					value:用于设置选项值; 将来被Servlet获取
					disabled:禁用下拉项，该项不能被选择
					selected:用于设置默认选择项
				-->
				<option value="001" disabled="disabled">河南省</option>
				<option value="002" selected="selected">北京市</option>
				<option value="003">上海市</option>
			</select>
			
			
			<input type="radio" name="sex" value="0" id="male" checked="checked"/><label for="male">男</label>
			<input type="radio" name="sex" value="1" id="female" /><label for="female">女</label>
			<!--
				radio:设置单选框
				name:用于Servlet获取该密码框中的数据
				value:用于设置默认值;
				id:用于唯一标识该单选框，此时不能与name标签属性值相同
				disabled:禁用单选框，数据不能被servlet获取;
				checked:用于设置默认选择项
			-->
		
			<input type="checkbox" name="hobby" value="0" id="basketball" checked="checked"/><label for="basketball">篮球</label>
			<input type="checkbox" name="hobby" value="1" id="pingpang"/><label for="pingpang">乒乓球</label>
			<input type="checkbox" name="hobby" value="2" id="soccer"/><label for="soccer">足球</label>
			<!--
				checkbox:设置复选框
				name:用于Servlet获取该密码框中的数据，用request.getParameterValues()获取
				value:用于设置默认值;
				id:用于唯一标识该复选框，此时不能与name标签属性值相同
				disabled:禁用单选框，数据不能被servlet获取;
				checked:用于设置默认选择项
			-->
			
			<input type="file" name="" id="" multiple="multiple" disabled="disabled" />
			<!--
				file:文件框
				name:用于Servlet获取该文件框中的数据
				id:用于唯一标识该文件框，整个页面唯一，不允许重复；在确保唯一的前提下，常与name标签属性值相同;
				multiple：用于设置多选
				disabled:禁用文件框，数据不能被servlet获取;
			-->
			
			<textarea name="" id="" cols="" rows="" style="resize: none;" readonly="readonly">
				只读
			</textarea>
			<!--
				textarea：文本域
				name:用于Servlet获取该密码框中的数据，用request.getParameter()获取
				id:用于唯一标识该文件框，整个页面唯一，不允许重复；在确保唯一的前提下，常与name标签属性值相同;
				resize:css样式，用于设置是否禁止调整文本域大小
				readonly:设置文本域只读，但数据可以被servlet获取;
				disabled:禁用文件框，数据不能被servlet获取;
				cols:设置文本域宽度
				rows:设置文本域高度（几行）
			-->
			
			<input type="submit" value="提交" id="" disabled="disabled"/>
			<!--
				sumit:提交表单
				value:设置按钮信息
				id: 用于唯一标识该按钮
				disable:禁用提交按钮
			-->
			
			<input type="reset" value="重置" id="" disabled="disabled"/>
			<!--
				reset:重置表单
				value:设置按钮信息
				id: 用于唯一标识该按钮
				disable:禁用提交按钮
			-->
			
			<input type="button" value="按钮" id="" disabled="disabled"/>
			<!--
				button:仅仅是一个按钮，没有提交功能
				value:设置按钮信息
				id: 用于唯一标识该按钮
				disable:禁用提交按钮
			-->
			
			
		</form>
		
	</body>
</html>

不动声色的小蜗牛

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
form表单

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>form表单</title> </head> <body> <!-- action:指定表单数据目的地 method:设置使用哪个方法处理请求；可选值： get：doget； post：dopost 地址栏显示数据.
复制链接

扫一扫