form表单

最新推荐文章于 2022-09-27 20:49:28 发布

中国GZ

最新推荐文章于 2022-09-27 20:49:28 发布

阅读量132

点赞数

文章标签： html

本文链接：https://blog.csdn.net/Gong_Zheng6/article/details/107319050

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>form表单</title>
	</head>
	<body>
		<!--
			action: 指定数据目的地
			method: 设置使用哪个方法处理请求 get-doGet方法 post-doPost方法， 用get 数据会显示在浏览器地址上，不安全，所以使用post,不会显示在地址上，安全
			enctype: 设置编码值，默认application/x-www-form-urlencoded,上传文件要使用multipart/form-data
		-->
		<form action="" method="" enctype="">
			<!--
				hidden:设置隐藏框，不会显示在网页上，主要用于向服务器端传递隐含数据
				name:指定隐藏框name值，将来用于Servlet获取该框数据
				value:设置默认值
				id:用于唯一标识该隐藏框，整个页面唯一，不允许重复在确保唯一的情况下，通常与name值相同
			-->
			<input type="hidden" name="id" value="0001" />
			<!--
				text:设置文本框，为type的默认值
				name:指定文本框name值，将来用于Servlet获取该框数据
				value:设置默认值，设置后placeholder值不再显示
				placeholder:用于设置提示信息		
				id:用于唯一标识该文本框，整个页面唯一，不允许重复在确保唯一的情况下，通常与name值相同
				maxlength:设置文本框最长字符个数
				readonly:设置文本框只读，但还可以将数据传给Servlet
				disabled:禁用文本框，Servlet无法获取值
			-->
			<input type="text" name="user_name" placeholder="请输入用户名" value="" id="" maxlength="5" readonly="readonly" disabled="disabled"/>
			<!--
				text:设置密码框，为type的默认值
				name:指定密码框name值，将来用于Servlet获取该框数据
				value:设置默认值，设置后placeholder值不再显示
				placeholder:用于设置提示信息		
				id:用于唯一标识该密码框，整个页面唯一，不允许重复在确保唯一的情况下，通常与name值相同
				maxlength:设置密码框最长字符个数
				readonly:设置密码框只读，但还可以将数据传给Servlet
				disabled:禁用密码框，Servlet无法获取值
			-->
			<input type="password" name="password" placeholder="请输入密码" value="" id="" maxlength="5" readonly="readonly" disabled="disabled"/>
			<!--
				name:指定下拉列表name值，将来用于Servlet获取该框数据
				id:用于唯一标识该下拉列表，整个页面唯一，不允许重复在确保唯一的情况下，通常与name值相同
				multiple:设置下拉列表多选，Servlet获取值时应该用reque.getParameterValues()来获取数据
			-->
			<select name="option" id="" multiple="multiple">
				<!--
                	value:用于设置下拉项值，被Servlet获取
                	disabled:禁用下拉项，该项不能被选择
                	selected:设置默认选择项
                -->
				<option>---请选择---</option>
				<option value="1">北京市</option>
				<option value="2">河南省</option>
			</select>
			
			<!--
				radio:设置单选框
				name:指定单选框name值，将来用于Servlet获取该框数据
				value:设置传递给Servlet的值
				id:用于唯一标识该单选框，与name值不相同
				disabled:禁用单选框，Servlet无法获取值
				checked:用于设置默认选中项
			-->
			<input type="radio" name="sex" value="" id="0" /><label for="0">男</label>
			<input type="radio" name="sex" value="" id="1" checked="checked" /><label for="1">女</label>

			<!--
				checkbox:设置复选框
				name:指定复选框name值，将来用于Servlet获取该框数据
				value:设置传递给Servlet的值
				id:用于唯一标识该复选框，与name值不相同
				disabled:禁用复选框，Servlet无法获取值
				checked:用于设置默认选中项
			-->
			<input type="checkbox" name="hobby" value="" id="2" /><label for="2">唱歌</label>
			<input type="checkbox" name="hobby" value="" id="3" /><label for="3">跳舞</label>
			<input type="checkbox" name="hobby" value="" id="4" checked="checked" /><label for="4">RAP</label>
			
			<!--
				file:设置文件框
				name:指定文件框name值，将来用于Servlet获取该框数据
				id:用于唯一标识该文件框，整个页面唯一，不允许重复在确保唯一的情况下，通常与name值相同
				multiple:设置文件多选
				disabled:禁用文件框，Servlet无法获取值
			-->
			<input type="file" name="" id="" multiple="multiple" disabled="disabled" />
			
			<!--
				textarea:设置文本域
				name:指定文本域name值，将来用于Servlet获取该框数据
				id:用于唯一标识该文本域，整个页面唯一，不允许重复在确保唯一的情况下，通常与name值相同
				disabled:禁用文本域，Servlet无法获取值
				readonly:设置文本域只读，但还可以将数据传给Servlet
				style="resize: none;" : 设置不可改变文本域大小
			-->
			<textarea name="" id="5" disabled="disabled" readonly="readonly" style="resize: none;">
				
			</textarea>
			
			<!--
				submit:提交表单
				value:设置按钮信息
				id:用于唯一标识该按钮，整个页面唯一
				disabled:禁用提交按钮
				
            -->
            <input type="submit" value="提交" id="6" disabled="disabled" />
            
            <!--
				reset:重置表单
				value:设置按钮信息
				id:用于唯一标识该按钮，整个页面唯一
				disabled:禁用重置按钮
				
            -->
            <input type="reset" value="重置" id="7" />
            
            <!--
				button:按钮
				value:设置按钮信息
				id:用于唯一标识该按钮，整个页面唯一
				disabled:禁用按钮
				
            -->
            <input type="button" value="按钮" id="8" disabled="disabled" />
		</form>
	</body>
</html>

中国GZ

关注

0
点赞
踩
0

收藏

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

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>form表单</title> </head> <body> <!-- action: 指定数据目的地 method: 设置使用哪个方法处理请求 get-doGet方法 post-doPost方法，用get 数据会显示在浏览器地址上，不安全，所以使用po.
复制链接

扫一扫