form表单

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>from表单</title>
	</head>
	<body>
		<!--
        	action:设置表单数据目的地
        	method:设置使用哪个方法处理请求get-doGet;post-doPost.get:地址栏显示数据,数据不安全。post:地址栏不显示数据,数据安全,且
        	enctype:默认"application/x-www-form-urlencoded",上传文件"multipart/form-date"
        -->
		<form action="" method="" enctype="application/x-www-form-urlencoded">
			<!--
            	hidden:设置隐藏框,页面不显示,主要用于向服务器端传递函数值
            	name:用于设置隐藏name值,将来Servlet用于获取该框的数据
            	value:用于设置默认值
            -->
            <input type="hidden" name="id" value="001"/>
            <!--
            	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"/>
			<!--
            	name:用于Servlet获取该框的数据
            	id:用于唯一标识该下拉列表,整个页面唯一,不允许重复;在确保唯一的前提下,常常与name标签属性值相同
           		multiple:设置下拉列表多选,此时Servlet应该调用request.getParameterVal()获取所有数据
            -->
			<select name="province" id="province" multiple="multiple">
				<option>--请选择--</option>
				<!--
                	value:用于设置选项值,将来该值被Servlet捕获
                	disabled:禁用下拉项,该项不能被选择
                	selected:用于设置默认选择项
                -->
				<option disabled="disabled">河南省</option>
				<option selected="selected">北京市</option>
				<option>上海市</option>
			</select>
			<!--
            	radio:设置单选框,默认值
            	name:用于Servlet获取该框的数据
            	value:用于设置默认值
            	id:用于唯一标识该密码框,不能与name标签属性值相同
            	disabled:禁用单选框,数据不可被Servlet获取
            	checked:用于设置默认选中项
            -->
			<input type="radio" name="sex" value="0" id="male" disabled="disabled"/><label for="male">男</label>
			<input type="radio" name="sex" value="1" id="famale" checked="checked"/><label for="famale">女</label>
			<!--
            	radio:设置复选框,默认值
            	name:用于Servlet获取该框的数据,request.getParameterValues()
            	value:用于设置默认值
            	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="pingpang"/><label for="pingpang">乒乓球</label>
			<input type="checkbox" name="hobby" value="2" id="football" checked="checked"/><label for="football">足球</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="10" rows="10" style="resize: none;" disabled="disabled">
				你好
			</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>

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值