Form表单

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--
			action指定表单数据目的地 method设置使用哪个方法处理请求 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" value="0" name="隐藏" />
            
            <!--
            	text:文本框
            	name:用于servlet获取该框的数据
            	plaeholder:用于显示提示信息
            	value:用于设置默认值,placeholder值不显示,
            	id:用于唯一表示该文本框,整个页面唯一,不允许重复,在确保唯一的的前提下,值常常与name标签属性值相同
            	maxlength:用于设置最长字符个数
            	readonly:设置文本框内容为只读,数据可以被servlet获取
            	disable:禁用文本框,数据不能被servlet获取
            -->
            <input type="text" name="user_name" placeholder="请输入账号" value="" id="user_name" maxlength="10"/>
            
            <!--
            	password:密码框
            	name:用于servlet获取该框的数据
            	plaeholder:用于显示提示信息
            	value:用于设置默认值,placeholder值不显示,
            	id:用于唯一表示该文本框,整个页面唯一,不允许重复,在确保唯一的的前提下,值常常与name标签属性值相同
            	maxlength:用于设置最长字符个数
            	readonly:设置文本框内容为只读,数据可以被servlet获取
            	disable:禁用密码框,数据不能被servlet获取
            -->
            <input type="password" name="pwd" placeholder="请输入密码" id="pwd" />
            
            <!--
            	select:选择框
            	name:用于servlet获取该框的数据
            	id:用于唯一表示该文本框,整个页面唯一,不允许重复,在确保唯一的的前提下,值常常与name标签属性值相同
            	multiple:设置为多选框。此时servlet需要用getParamterValues来获取值
            -->
            <select name="option" id="option" >
            	<option>--请选择--</option>
            	<!--
                	disabled:设置该下拉项不能被选择
                	selected:设置该下拉项为默认项
                -->
            	<option disabled="disabled">河南省</option>
            	<option selected="selected">陕西省</option>
            	<option>山西省</option>
            </select>
            
             <!--
            	radio:单选框
            	name:指定该单选框的值
            	id:用于唯一表示该文本框,整个页面唯一,不允许重复,在确保唯一的的前提下,值常常与name标签属性值相同
            	disable:禁用该选项框,
            	checked:用于默认选中项
      			value:代表该选项的值,通过该值确定单选框选择的内容
            -->
            <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:指定该复选框的值
            	id:用于唯一表示该文本框,整个页面唯一,不允许重复,在确保唯一的的前提下,值常常与name标签属性值相同
            	disable:禁用该选项框,
            	checked:用于默认选中项
      			value:代表该选项的值,通过该值确定单选框选择的内容
            -->
            <br />
            <hr />
            <input type="checkbox" name="hobby" value="0" id="basketball" /><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" /><label for="pingpang">乒乓球</label>
            
            <!--
            	file:文件框
            	name:用于servlet获取值
            	id:用于唯一表示该文本框,整个页面唯一,不允许重复,在确保唯一的的前提下,值常常与name标签属性值相同
            	disable:禁用该选项框,
            	checked:用于默认选中项
            	multiple:可以指定多个文件
            	disable:禁用该文件框
            -->
            <input type="file" id="file" />
            
            <!--
            	textarea:文本域
            	name:用于servlet获取值
            	id:用于唯一表示该文本框,整个页面唯一,不允许重复,在确保唯一的的前提下,值常常与name标签属性值相同
            	cols:指定文本框的列
            	row:指定文本框的行
            	style样式:resize:指定文本框的大小,不能改变。如果没有进行设置,人为可以在页面上改变文本域的大小
            	readonly:只读
            	disabled:禁用
            -->
            <textarea name="discuss" id="discuss" cols="9" rows="5" style="resize: none;"></textarea>
            
            <!--
            	button:按钮,不会提交表单信息
            	value:用于设定按钮的信息
            	id:用于唯一标识该按钮
            	
            -->
            <input type="button"  value="确定"/>
            <!--
            	submit:提交表单信息
            	value:用于设定按钮的信息
            	id:用于唯一标识该按钮
            	
            -->
            <input type="submit" value="确定"  />
            <!--
            	reset:重置表单信息
            	value:用于设定按钮的信息
            	id:用于唯一标识该按钮
            	
            -->
            <input type="reset" value="重置" />
		</form>
	</body>
</html>

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值