HTML（三）form表单

最新推荐文章于 2024-05-04 15:43:14 发布

一个小叫兽

最新推荐文章于 2024-05-04 15:43:14 发布

阅读量176

点赞数

分类专栏： HTML 文章标签： html servlet

本文链接：https://blog.csdn.net/ArcsinTao/article/details/107367774

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

form-表单总结

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"></form>

hidden:设置隐藏框，页面不显示，主要用于向服务器端传递隐函数
name：指定隐藏款的name值，将来Servlet用于获取该框的数据
value：用于设置默认值
id：用于唯一标识该隐藏框，整个页面唯一，不允许重复，在确保唯一的前提下，常常与name标签属性值相同

<input type="hidden" name="id" value="11011" id="id"/>

text:设置文本框，不写也是默认text
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="10" 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="password" maxlength="10" readonly="readonly" disabled="disabled"/>

name：用于Servlet获取该框的数据
id：用于唯一标识该下拉列表，整个页面唯一，不允许重复，在确保唯一的前提下，常常与name标签属性值相同
multiple：设置下拉列表多选，此时Servlet应该调用request.getParameterValues()获取所有的数据

<select name="province" id="province" multiple="multiple">
        		<option>---请选择---</option>

value：用于设置选项值，将来该值被Servlet捕获
disabled：禁用下拉项，该项不能被选
selected：用于设置默认选择项

        		<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.gerParameterValues()
value：用于Servlet获取该框数据
id：用于唯一标识单选框，此时不能name属性标签值相同
disabled：禁用单选框，数据不能被选择,不能被Servlet获取
checked：用于设置默认选中项

<input type="checkbox" name="hobby" value="1" id="football" checked="checked" /><label for="football">足球</label>
<input type="checkbox" name="hobby" value="2" id="basketball" /><label for="basketball">篮球</label>
<input type="checkbox" name="hobby" value="3" id="pingpang" /><label for="pingpang">乒乓球</label>

file：设置文件框
name：用于Servlet获取该框的数据
id：用于唯一标识文件框，整个页面唯一，不允许重复，在确保唯一的前提下，常常与name标签属性相同
disabled：禁用文件框，文件框不能被选择,不能被Servlet获取
multiple：设置多选文件

<input type="file" name="" id="" multiple="multiple" disabled="disabled" />

textarea：设置文本域
name：用于Servlet获取该框的数据，request.gerParameter()
id：用于唯一标识文本域，整个页面唯一，不允许重复，在确保唯一的前提下，常常与name标签属性相同
disabled：禁用文本域，文本域不能被选择,不能被Servlet获取
resize：CSS样式属性，用于是否禁止调整文本域大小
readonly：这是文本域内容只读，但是可以被Servlet获取

<textarea name="" id="" cols="50" rows="50" style="resize: none;" readonly="readonly">郑州大学</textarea>

按钮

type="submit" 提交表单
type="reset" 重置表单
disabled：禁用提交按钮
id：唯一标识该按钮
type="button"：仅仅只一个按钮

<input type="submit" value="提交" />
<input type="reset" value="重置" />
<input type="button" value="按钮" />

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--
        	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.gerParameterValues()
        	value：用于Servlet获取该框数据
        	id：用于唯一标识单选框，此时不能name属性标签值相同
        	disabled：禁用单选框，数据不能被选择,不能被Servlet获取
        	checked：用于设置默认选中项
        -->
		
		<input type="checkbox" name="hobby" value="1" id="football" checked="checked" /><label for="football">足球</label>
		<input type="checkbox" name="hobby" value="2" id="basketball" /><label for="basketball">篮球</label>
		<input type="checkbox" name="hobby" value="3" id="pingpang" /><label for="pingpang">乒乓球</label>
		
		<!--
        	file：设置文件框
        	name：用于Servlet获取该框的数据
        	id：用于唯一标识文件框，整个页面唯一，不允许重复，在确保唯一的前提下，常常与name标签属性相同
        	disabled：禁用文件框，文件框不能被选择,不能被Servlet获取
        	multiple：设置多选文件
        -->
		
		<input type="file" name="" id="" multiple="multiple" disabled="disabled" />
		
		
		<!--
        	textarea：设置文本域
        	name：用于Servlet获取该框的数据，request.gerParameter()
        	id：用于唯一标识文本域，整个页面唯一，不允许重复，在确保唯一的前提下，常常与name标签属性相同
        	disabled：禁用文本域，文本域不能被选择,不能被Servlet获取
        	resize：CSS样式属性，用于是否禁止调整文本域大小
        	readonly：这是文本域内容只读，但是可以被Servlet获取
        -->
		
		<textarea name="" id="" cols="50" rows="50" style="resize: none;" readonly="readonly">郑州大学</textarea>
		
		<!--
        	type="submit" 提交表单
        	type="reset" 重置表单
        	disabled：禁用提交按钮
        	id：唯一标识该按钮
        	type="button"：仅仅只一个按钮
        -->
		
		<input type="submit" value="提交" />
		<input type="reset" value="重置" />
		<input type="button" value="按钮" />
		
	</body>
</html>

一个小叫兽

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML（三）form表单

form-表单总结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-urle.
复制链接

扫一扫

专栏目录