HTML form表单

最新推荐文章于 2024-07-26 08:00:00 发布

syhfly2333

最新推荐文章于 2024-07-26 08:00:00 发布

阅读量107

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/syhfly2333/article/details/107319098

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>form表单</title>
	</head>
	
	<body>
		<!--
		action:指定表单数据目的地
		method：指定数据传入servlet时使用get还是post方法  。  get数据会在地址框显示，数据不安全；post数据不会在地址框显示，安全，且get数据没有post多
		enctype:默认application/x-www-form-urlencoded；上传文件时为multipart/form-data
		-->
		<form action="" method="" enctype="application/x-www-form-urlencoded">
			<!--
			hidden：设置隐藏框，只把隐藏数据传入到服务器，页面不显示
			name:指定隐藏框的name值，便于服务器找到隐藏值
			value：设置默认值
			id:用于唯一标识该隐藏框，整个页面唯一，不允许重复，且确保唯一的前提下，常常与name标签属性值保持一致
			-->
			<input type="hidden" name="id" value="123" id="id"/>
			<!--
			text：设置文本框，默认值
			name:用于Servlet获取该框的值
			placeholder:设置提示信息
			value：设置默认值，此时placeholder不再显示
			id:用于唯一标识该文本框，整个页面唯一，不允许重复，且确保唯一的前提下，常常与name标签属性值保持一致
			maxlength:文本框最长字符个数
			readonly：文本框内容只读，数据可以被Servlet获取
			disabled：文本框禁用，数据不能被Servlet获取
			-->
			<input type="test" name="user_name" value="123" placeholder="请输入数据" id="user_name" maxlength="10" readonly="readonly" disabled="disabled"/>
			
			<!--
			password：设置密码框
			name:用于Servlet获取该框的值
			placeholder:设置提示信息
			value：设置默认值，此时placeholder不再显示
			id:用于唯一标识该密码框，整个页面唯一，不允许重复，且确保唯一的前提下，常常与name标签属性值保持一致
			maxlength:密码框最长字符个数
			readonly：密码框内容只读，数据可以被Servlet获取
			disabled：密码框禁用，数据不能被Servlet获取
			-->
			<input type="password" name="password" placeholder="请输入数据" id="password" maxlength="10" readonly="readonly" disabled="disabled"/>
			
			<!--
			name:用于Servlet获取该框的值
			id:用于唯一标识该下拉列表，整个页面唯一，不允许重复，且确保唯一的前提下，常常与name标签属性值保持一致
			multiple:设置多选，此时Servlet使用request.getParameterValues()获取值
			value：设置选项值，未来被Servlet获取
			selected:设置默认选择项
			disabled：禁用下拉项，选项不能被选择
			-->
			<select name="province" id="province" multiple="multiple">
				<option value="001">--请选择--</option>
				<option value="002" selected="selected">河南</option>
				<option value="003">安徽</option>
			</select>
			<!--
			radio:设置单选框
			name:用于Servlet获取该框的值
			id:用于唯一标识该单选框，不能与name标签属性值保持一致
			value：设置选项值，未来被Servlet获取
			disabled：禁用单选，选项不能被选择
			checked:设置默认选项
			-->
			<input type="radio" name="sex" id="man" value="0" disabled="disabled"/><label for="man">男</label>
			<input type="radio" name="sex" id="woman" value="1" checked="checked"/><label for="woman">女</label>
			<!--
			checkbox:设置复选框
			name:用于Servlet获取该框的值
			id:用于唯一标识该复选框，不能与name标签属性值保持一致
			value：设置选项值，未来被Servlet获取
			disabled：禁用选项，选项不能被选择
			checked:设置默认选项
			-->
			<input type="checkbox" name="hobby" value="01"id="basketball" disabled="disabled"/><label for="basketball">篮球</label>
			<input type="checkbox" name="hobby" value="02"id="pingpong"/><label for="pingpong">乒乓球</label>
			<input type="checkbox" name="hobby" value="03"id="football" checked="checked"/><label for="football">足球</label>
			<!--
			file:设置文件框
			name:用于Servlet获取该框的值
			id:用于唯一标识该文件，整个页面唯一，不允许重复，且确保唯一的前提下，常常与name标签属性值保持一致
			disabled：禁用单选，选项不能被选择
			multiple：设置多选文件
			-->
			<input type="file" name="" id="" multiple="multiple" disabled="disabled"/>
			<!--
			file:设置文本域
			name:用于Servlet获取该文本域的值
			id:用于唯一标识该文本域，整个页面唯一，不允许重复，且确保唯一的前提下，常常与name标签属性值保持一致
			resize:设置按钮能否被更改大小
			readonly：内容只读，数据可以被Servlet获取
			disabled：禁用文本域，数据不能被Servlet获取
			-->
			<textarea name="" id="" cols="80" rows="8" style="resize: none;" disabled="disabled" readonly="readonly">
				文本域
			</textarea>
			<!--
			submit:设置提交按钮
			value：设置按钮显示的信息
			id:用于唯一标识该按钮
			disabled：禁用按钮
			-->
			<input type="submit" value="提交" disabled="disabled"/>
			<!--
			reset:设置重置按钮
			value：设置按钮显示的信息
			id:用于唯一标识该按钮
			disabled：禁用按钮
			-->
			<input type="reset" value="重置" disabled="disabled"/>
			<!--
			button:仅仅是一个按钮
			value：设置按钮显示的信息
			id:用于唯一标识该按钮
			disabled：禁用按钮
			-->
			<input type="button" value="按钮" disabled="disabled"/>
		</form>
	</body>
</html>

syhfly2333

关注

0
点赞
踩
0

收藏

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

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>form表单</title> </head> <body> <!-- action:指定表单数据目的地 method：指定数据传入servlet时使用get还是post方法。 get数据会在地址框显示，数据不安全；post数据不会在地址框显示，安全.
复制链接

扫一扫