初学HTMLform表单小结_form request-value-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_46383723/article/details/107319091
<!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="application/x-www-form-urlencoded">
		<!--
            	hidden：设置隐藏框，页面不显示，主要用于向服务器端传递隐函数
            	name：指定隐藏框的name值，将来Servlet用于获取该框的数据
            	value：用于设置默认值
            	id：用于唯一标识该隐藏框，整个页面唯一，不允许重复；确保唯一的前提下，常常与name标签属性值相同
                -->
		    <input type="hidden" name="id" value="11011" id="id"/>
			
		<!--
            	text：设置隐藏框，页面不显示，主要用于向服务器端传递隐函数
            	name：指定文本框的name值，将来Servlet用于获取该框的数据
            	placeholder:设置文本信息
            	value：用于设置默认值，此时placeholder提示信息不会显示
            	id：用于唯一标识该文本框，整个页面唯一，不允许重复；确保唯一的前提下，常常与name标签属性值相同
            	maxlength:设置最长字符个数
            	readonly：设置文本框内容只读，不可编辑，但是数据可以被Servlet获取
            	disabled:禁用文本框，数据不能被Servlet获取
                -->
		    <input type="text" name="user_name" placeholder="" value="admin" id="user_name" maxlength="5" readonly="readonly" disabled="disabled"/>
		<!--
		password:设置密码框
            	name：指定密码框的name值，将来Servlet用于获取该框的数据
            	value：用于设置默认值
            	placeholder:设置密码框提示信息
            	value：用于设置默认值，此时placeholder提示信息不会显示
            	id：用于唯一标识该密码框，整个页面唯一，不允许重复；确保唯一的前提下，常常与name标签属性值相同
            	maxlength:设置最长字符个数
            	readonly：设置密码框内容只读，不可编辑，但是数据可以被Servlet
            	disabled:禁用密码框，数据不能被Servlet获取
                -->
		    <input type="password" name="password" placeholder="请输入数据" value="admin" id="user_name" maxlength="5" readonly="readonly" disabled="disabled" />
			
			
		<!--
            	name：指定下拉框的name值，将来Servlet用于获取该框的数据
            	id：用于唯一标识该密码框，整个页面唯一，不允许重复；确保唯一的前提下，常常与name标签属性值相同
            	readonly：设置密码框内容只读，不可编辑，但是数据可以被Servlet
            	disabled:禁用下拉框，数据不能被Servlet获取
            	multiple：用于下拉多选
                -->
		<select name="province" id="province" >
		    <option>---请选择---</option>
		        <!--
	                    value：用于设置选项值，将来该值被Servlet捕获
	                    disabled:禁用下拉框，该项不能被选择
	                    selected:用于设置默认选择项
                        -->
		    <option value="001" selected="selected">---河南省---</option>
		    <option value="002">---北京市---</option>
		    <option value="003">---天津市---</option>
		</select>
			
			
		<!--
		radio:设置单选框
            	name：用于Servlet获取该框的数据
            	value：用于设置默认值，被Servlet捕获
            	id：用于唯一标识该单选框，不能和name标签属性值相同
            	disabled:禁用单选框，数据不能被Servlet获取
            	checked：用于设置默认选中项
                -->
		    <input type="radio" name="sex" value="0" id="female" disabled="disabled"/><label for="female">女</label>
		    <input type="radio" name="sex" value="1" id="male" checked="checked"/><label for="male">男</label>
			
		<!--
		checkbox:设置复选框
            	name：用于Servlet获取该框的数据,request.getParameterValues()
            	value：用于设置默认值，被Servlet捕获
            	id：用于唯一标识该复选框，不能和name标签属性值相同
            	disabled:禁用复选框，数据不能被Servlet获取
            	checked：用于设置默认选中项
                -->
		    <input type="checkbox" name="hobby" value="0" id="basketball" disabled="disabled"/><label for="basketball">篮球</label>
		    <input type="checkbox" name="hobby" value="1" id="football" /><label for="football">足球</label>
		    <input type="checkbox" name="hobby" value="2" id="pingpang" checked="checked"/><label for="pingpang">乒乓球</label>
			
			
		<!--
		file:设置文件框
            	name：用于Servlet获取该框的数据
            	id：用于唯一标识该复选框，整个页面唯一，不允许重复；在确保唯一的前提下，常常与name标签属性值相同
            	disabled:禁用文件框，数据不能被Servlet获取
            	multiple：用于设置多选
                -->
		    <input type="file" name="" id="" multiple="multiple" disabled="disabled" />
			
		<!--
		textarea:设置文本域
            	name：用于Servlet获取该框的数据
            	id：用于唯一标识该复选框，整个页面唯一，不允许重复；在确保唯一的前提下，常常与name标签属性值相同
            	resize：CSS样式属性，用于设置是否禁止调整文本域大小
            	readonly：设置文本框内容只读，但是数据可以被Servlet获取
            	disabled:禁用文件框，数据不能被Servlet获取
                -->
		    <textarea name="" id="" cols="120" rows="30" style="resize: none;" readonly="readonly" disabled="disabled"></textarea>
			
			
		    <!--
            	    submit：提交表单
            	    value：设置按钮的信息
            	    id：用于唯一标识该按钮
            	    disabled:禁用提交按钮
                    -->
		    <input type="submit" value="提交" disabled="disabled"/>
			<input type="button" value="按钮"/>
			<input type="reset" value="重置"/>
		</form>
	</body>
</html>