HTML中form表单详述

form表单

<!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	
			id:用于唯一标识该隐藏框,整个页面唯一,不允许重复:在确保唯一的前提下,常常与name标签属性值相同
		-->
		<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"/>
			<!--	
				test:设置文本框,默认值
				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:用于Servlet获取该框的数据
				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" />
            
			<!--  select
				name:用于Servlet获取该框的数据
				id:用于唯一标识该下拉列表,整个页面唯一,不允许重复;在确保唯一的前提下, 常常与name标签属性值相同
				multiple:设置下拉列表多选,此时Servlet应该调用request . getParameterValues()获取所有的数据
			-->
			
			<select name="province" id="province" multiple="multiple">
				<option>---请选择---</option>
				<!--  option
	            value:用于设置选项值,将来该值被Servlet捕获
				disabled:禁用下拉项,该项不能被选择
				selected:用于设置默认选择项
				multiple:设置下拉列表多选,此时Servlet应该调用request . getParameterValues()获取所有的数据
	            -->
	            <option value="001" disabled="disabled">北京市</option>
	            <option value="002" selected="selected">上海市</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" valye="1" id="pingpang" /><label for="pingpang" >乒乓球</label>
			<input type="checkbox" name= "hobby" valle="2" id="football" checked="checked"/><label for="football">足球</label>
			<!--
            	file:设置文件框
				name:用于Servlet获取该框的数据
				id:用于唯一标识该复选框, 整个页面唯-,不允许重复; 在确保唯一的前提下,常常与name标签 属性值相同
				disabled:禁用文件框,数据不能被Servlet获取
				multiple:用于设置多选
				id:用于唯一标识该文本框,整个页面唯一,不允许重复;在确保唯一的前提下,常常与name标签属性值相同
				resize: CSS样式属性,用于设置是否禁止调整文本域大小
				readonly:设置文本框内容只读,但是数据可以被Servlet获取
				disabled:禁用文本框,数据不能被SerWlet获取
			-->
			<input type="file" name="" id="" multiple="multiple" disabled="disabled"/>
			<!--
				textarea:文本域
				name:用于Servlet获取该框的数据,request . getParameter()
				id:用于唯一标识该文本框,整个页面唯一,不允许重复;在确保唯一的前提下,常常与name标签属性值相同
				resize: CSS样式属性,用于设置是否禁止调整文本域大小
				readonly:设置文本框内容只读,但是数据可以被Servlet获取
				disabled:禁用文本框,数据不能被SerWlet获取
			-->
			<textarea name="" id="" cols="120" rows="50" style="resize: none;" readonly=" readon1y" disabled="disabled">
				郑州大学
			</textarea>
			<!--
				submit:提交表单
				value:设置按钮的信息
				id:用于唯一标识该按钮
				disabled:禁用提交按钮
            -->
            <input type="submit" value="提交" id="submit" disabled="disabled" />
            <!--
				reset:重置表单
				value:设置按钮的信息
				id:用于唯一标识该按钮
				disabled:禁用重置按钮
            -->
            <input type="reset" value="重置" id="reset" disabled="disabled" />
            <!--
				button:实现按钮对表单某一功能
				value:设置按钮的信息
				disabled:禁用按钮
            -->
            <input type="button" value="确认" id="button" disabled="disabled" />
		
		</form>
	</body>
</html>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值