HTML表单标签

最新推荐文章于 2024-05-14 22:39:54 发布
Wwwwww~
最新推荐文章于 2024-05-14 22:39:54 发布
阅读量78
点赞数
本文链接：https://blog.csdn.net/bravery__/article/details/107318991
版权
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表单</title>
	</head>
	<body>
		<!--
			action指定表单数据目的地
			method指定使用哪个方法处理请求get-doGet post-doPost；get：地址框显示输入信息 不安全
			post：地址框不显示输入信息 安全
			enctype：默认application/x-www-form-urlencoded 上传文件需改为multipart/form-data
		-->
		<form action="" method="post" enctype="application/x-www-form-urlencoded">
			<!--
				hidden设置隐藏框，页面不显示，主要用于向服务器传递隐函数
				name用于Servlet获取该框的数据
				value设置默认值
				id用于标识该隐藏框，整个页面唯一，不允许重复；在保证唯一的前提下，常与name值一致
			-->
			<input hidden="hidden" name="id" value="010110" id="id"/>
			<!--
				text设置文本框，默认值
				name用于servlet获取该框的数据
				placeholder设置提示信息
				value设置默认值，此时placehol信息不显示
				id用于标识该文本框，整个页面唯一，不允许重复；在保证唯一的前提下，常与name值一致
				maxlength设置最长字符个数
				readonly设置文本框内容只读，但数据可被Servlet获取
				disabled禁用文本框，且数据不可被Servlet获取
			-->
			<input type="text" name="n" placeholder="sad" value="222" id="n" maxlength="4" readonly="readonly" disabled="disabled"/>
			<!--
				text设置密码框，默认值
				name用于servlet获取该框的数据
				placeholder设置提示信息
				value设置默认值，此时placeholder信息不显示
				id用于标识该文本框，整个页面唯一，不允许重复；在保证唯一的前提下，常与name值一致
				maxlength设置最长字符个数
				readonly设置密码框内容只读，但数据可被Servlet获取
				disabled禁用密码框，且数据不可被Servlet获取
			-->
			<input type="password" name="n" placeholder="sad" value="222" id="n" maxlength="4" readonly="readonly" disabled="disabled"/>
			<!--
				name用于servlet获取该框的数据
				id用于标识该下拉列表，整个页面唯一，不允许重复；在保证唯一的前提下，常与name值一致
				multiple设置下拉列表多选，此时应调用Servlet中getParameterValues()获取所有数据
			-->
			<select name="province" id="province" multiple="multiple">
			<!--
				value设置选项值，此时placeholder信息不显示
				disabled禁用该选项，该选项不能被选择
				selected设置默认选择项
			-->
				<option value="">--请选择--</option>
				<option selected="selected">河南省</option>
				<option disabled="disabled">河北省</option>
				<option>安徽省</option>
			</select>
			<!--
				radio设置单选框
				name用于servlet获取该框的数据
				value设置选项值，被Servlet捕获
				id用于唯一标识该单选框，不能与name属性值一致，
				disabled禁用该选项，该选项不能被选择
				checked设置默认选择项
			-->
			<input type="radio" name="sex" value="1" id="male" disabled="disabled" /><label for="male">男</label>
			<input type="radio" name="sex" value="0" id="female" checked="checked" /><label for=fe"male">女</label>
			<!--
				checkbox设置复选框
				name用于servlet获取该框的数据
				value设置选项值，被Servlet捕获
				id用于唯一标识该单选框，不能与name属性值一致，
				disabled禁用该选项，该选项不能被选择
				checked设置默认选择项
			-->
			<input type="checkbox" name="hobby" value="0" id="basketball" disabled="disabled"/><label for="basketball">篮球</label>
			<input type="checkbox" name="hobby" value="1" id="pingpang"  /><label for="basketball">乒乓球</label>
			<input type="checkbox" name="hobby" value="2" id="football" checked="checked" /><label for="basketball">足球</label>
			<!--
				file设置文件框
				name用于servlet获取该框的数据
				id用于唯一标识该文件框，整个页面唯一，不允许重复；在保证唯一的前提下，常与name值一致，
				disabled禁用该选项，该选项不能被选择
				multiple允许多选
			-->
			<input type="file" name="" id="" disabled="" multiple=""/>
			<!--
				textarea设置文本域
				name用于servlet获取该框的数据
				id用于唯一标识该文件框，整个页面唯一，不允许重复；在保证唯一的前提下，常与name值一致，
				disabled禁用该选项，该数据不能被Severlet获取
				readonly设置文本框内容只读，但数据可被Servlet获取
				resize css样式属性，用于设置是否禁止调整本文域大小
			-->
			<textarea name="" id="" cols="120" rows="50" style="resize: none;" readonly="readonly" disabled="disabled">
				666666666
			</textarea>
			<!--
				submit提交表单
				value设置按钮信息
				id用于唯一标识该按钮
				disabled禁用该按钮
			-->
			<input type="submit" value="提交" id="" disabled="disabled"/>
			<!--
				reset重置表单
				value设置按钮信息
				id用于唯一标识该按钮
				disabled禁用该按钮
			-->
			<input type="reset" value="重置" id="" disabled="disabled" />
			<!--
				button设置按钮但不提交数据
				value设置按钮信息
				id用于唯一标识该按钮
				disabled禁用该按钮
			-->
			<input type="button" value="提交" id="" disabled="disabled" />
		</form>
	</body>
</html>