form表单

最新推荐文章于 2022-04-12 21:12:14 发布

Personality、

最新推荐文章于 2022-04-12 21:12:14 发布

阅读量101

点赞数

分类专栏：笔记文章标签： HTML CSS

本文链接：https://blog.csdn.net/qq_43527694/article/details/107319048

版权

笔记专栏收录该内容

78 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></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：用于设置默认值
        -->
        <input type="hidden" name="id" value="11011" />
        <!--
        	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="5" readonly="admin" disabled="admin"/>
        	<!--
           	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="admin" disabled="admin" />
       	<!--
           	name:用于Servlet获取该框的数据
           	id：用于唯一标识该下拉列表，整个页面唯一，不允许重复；在确保唯一的前提下，常常与name标签属性值相同
           	multiple：设置下拉列表多选，此时Servlet应该调用request.getparameterValues方法获取所有的数据
           -->
           <select name="province" id="province" multiple="multiple">
           <option>---请选择---</option>
           <!--
           	value:用于设置选项值，将来该值被Servlet获取
           	disabled：禁用下拉选项，该项不能被选择
           	selected:用于设置默认选择项
           	
           -->
           <option value="001">河南省</option>
           <option value="002">河北省</option>
           <option value="003">湖北省</option>
           <option value="004">湖南省</option>
           </select>
           
           
        </form>
        
        <!--
        	radio:设置单选框
        	name:用于Servlet获取该框的数据
        	value：用于设置默认值，被Servlet获取
        	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="Female"/><label for="Female">女</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="soccer" disabled="disabled" /><label for="soccer">足球</label>
	<input type="checkbox" name="hobby" value="2" id="pingpong" disabled="disabled" /><label for="pingpong">乒乓球</label>
	<!--
    	file:设置文件框
    	name：用于Servlet获取该文件框的数据
    	id：用于唯一标识该文件框，整个页面唯一，不允许重复，在确保唯一的前提下，常常与name标签属性值相同
    	disabled：禁用文件框，数据不能被Servlet获取
    	multiple：用于设置多选
    -->
    <input type="file" name="" id="" multiple="multiple" disabled="disabled" />
	<!--
    	textarea:文本域
    	name：用于Servlet获取该框的数据，request.getparameter()
    	id:用于唯一标识该文本框，整个页面唯一，不允许重复；在确保唯一的前提下，常常与name标签属性值相同
    	resize:CSS样式属性，用于设置是否禁止调整文本域大小
    	readonly：设置文本框内容只读，但是数据可以被Servlet获取
    	disabled：禁用文本框，数据不能被Servlet获取
    -->
    <textarea name ="" id="" cols="100" rows="100" style="resize: none;" readonly="readonly" disabled="disabled">很久很久以前</textarea>
	<!--
    	submit：提交表单
    	value：设置按钮的信息
    	id：用于唯一标识该按钮
    	disabled：禁用提交按钮
    -->
    <input type="submit" value="提交" />
    <input type="reset" value="重置"/>
    <input type="button" value="按钮" disabled="disabled"/>
	</body>
</html>

Personality、

关注

0
点赞
踩
0

收藏

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

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- action:指定表单数据目的地 method:设置使用哪个方法处理请求get-doGet;post-doPost; get:地址栏显示数据，所以数据不安全；post地址栏.
复制链接

扫一扫

专栏目录