form表单的基本总结概括

最新推荐文章于 2022-10-12 17:13:44 发布
最新推荐文章于 2022-10-12 17:13:44 发布
阅读量277 收藏 1
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LinDadaxia/article/details/107318896
版权 
<!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="">
		<!--
            	    hidden：设置隐藏框，页面不显示，主要用于向服务器短传入隐函数
            	    name：指定隐藏框的name值，将来用于Servlet获取该框数据
            	    value：用于设置默认值
                            id：用于唯一标识该隐藏框，整个页面唯一，不允许重复；在确保唯一的前提下，常常与name标签属性值相同
                -->
<input type="hidden" name="id" value="11111" id="id"/>
			
		<!--
            	    text：设置文本框，默认值
            	    name：用于Servlet获取该框数据
            	    placeholder：设置提示信息
            	    value：用于设置默认值，此时placeholder提示信息不显示
            	    id：用于唯一标识该文本框，整个页面唯一，不允许重复；在确保唯一的前提下，常常与name标签属性值相同
            	    maxlength：设置最长字符个数
            	    readonly：设置文本框内容只读，但是数据可以被Servlet获取
            	    disabled：禁用文本框，数据不能被Servlet获取
                -->
		<input type="text" name="userName" placeholder="请输入姓名" value="admin" id="userName" 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="password" id="password" maxlength="7" readonly="readonly"/>
		
	    <!--
            	select：设置复选框 name：用于Servlet获取该框数据
            	id：用于唯一标识该密码框，整个页面唯一，不允许重复；在确保唯一的前提，常常与name标签属性值相同
            	multiple：设置下拉列表多选，此时Servlet应该调用request.getParameterValues()获取所有数据
            -->
            <select name="province" id="province" multiple="multiple">
            	<option>---请选择---</option>
            	<!--
                	value：用于设置默认值，将来该值被Servlet捕获
                	disabled：禁用下拉项，该项不能被选择
                	selected：用于设置默认选择项
                -->
                <option disabled="disabled" value="001">北京市</option>
                <option selected="selected" value="002">上海市</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" value="1" id="volleyball" /><label for="volleyball">羽毛球</label>
            <input type="checkbox" name="hobby" value="2" id="football" checked="checked"/><label for="football">足球</label>
            
            <!--
            	file：设置文件框
            	name：用于Servlet获取该框数据
            	id：用于唯一标识该文本框，整个页面唯一，不允许重复；在确保唯一的前提下，常常与name标签属性值相同
            	multiple：用于设置多选
            	disabled：禁用文本框，数据不能被Servlet获取
            -->
			<input type="file" name="" id="" multiple="multiple" disabled="disabled"/>
		
            <!--
            	textarea：文本域
            	name：用于Servlet获取该框数据，request.getParameter()
            	id：用于唯一标识该文本域，整个页面唯一，不允许重复；在确保唯一的前提下，常常与name标签属性值相同
            	cols：用于设置列数 				rows：用于设置行数
            	resize：CSS样式属性，用于设置是否禁止调整文本域大小
            	readonly：设置文本域内容只读，但是数据可以被Servlet获取
            	disabled：禁用文本域，数据不能被Servlet获取
            -->
			<textarea name="" id="" cols="10" rows="10" style="resize: none;" readonly="readonly" 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>

 

LinDadaxia
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
C#实现表单提交
weixin_57762539的博客
05-26 890
C#实现表单提交
用html代码制作一个表单页面,HTML网页表单制作详细讲解
weixin_39747975的博客
06-04 5563
表单是一个网站和访问者开展互动的窗口，我们现在就给大家介绍一下表单的一些基本知识和表单美化方法。初识表单表单可以用来在网页中发送数据，特别是经常被用在联系表单-用户输入信息然后发送到Email中。表单本身是没有什么用的。这需要编一个程序来处理输入表单中的数据。这也超出了本站指南的范围。如果使用网络服务器来放置HTML，你能够自助地找到一些简单的教程，开发一个服务器端的程序使一个发送到Email的表...
HTML form表单小结
diehuidu1433的博客
06-23 162
HTML form标签小结 最近研究 form标签，有一些小心得写下来与大家分享分享，共勉。在小结的最后有一个form表单的小例子，可以作为参考。 -----DanlV form是HTML的一个极为重要的功能标签之一。 输入域input input type属性有如下...
Form表单总结
kelulu21的博客
10-26 279
form表单分为input标签，textarea标签，select标签三种。三种标签的功能各有不同。 input标签：可用来生成一个输入数据的文本框 type属性：通过type的取值可以限制输入的内容。 type的取值 text 生成一个可供输入的文本框 password 生成一个输入密码的密码框 email 生成一个输入邮箱的文本框 ...
form表单总结
weixin_34245169的博客
02-21 105
form表单的输入栏的，不要写id，要写name，用一个 对象去接受，form中多了和少了其他属性没有关系，也可以放在url上 在Java中，加了注解@requestParam ，会强制在form中需要，对应上requestParam的值，不加@requestParam不要有错，但为空 对象实体和@requestParam共享变量， 转载于:https://www.cnblogs.com...
form表单的总结
weixin_44549313的博客
01-20 400
form表单的总结 form表单是给人填写信息的载体，由多个组件构成 form 属性： action: 是提交表单的地址             method: 规定提交的方式，提交方式有get提交和post提交。                    get提交会暴露密码在浏览器网址的后面，post提交不会             name: 表单的名称。              ...
WML学习之五 显示表单
10-31
当`<card>`的`ordered`属性设置为`false`时，移动设备可以显示一个概括卡片（summary card），这个卡片会总结所有的有效选项，以便用户快速选择并填写表单。例如： ```xml ... ``` #### `fieldset`元素 `...
php表单网页实例,40多个漂亮的网页表单设计实例_HTML/Xhtml_网页制作
weixin_28878621的博客
03-11 1006
下面我们介绍40多个漂亮的网页表单例子以及现代的解决方案和与网页表单设计有关的创造性思维.其中有一些是flash的；尽管如此，在大多数情况下，你能很容易的使用简单的css和(x)html来创建相同的设计.网页表单是访问者与网站拥有者主要的沟通途径。返馈总是重要的，这就是我们为什么确保网页表单容易理解和使用起来比较直观的原因，尽管如此，甚至在形式设计中它也担当创意中的有效部分。网页表单并非都是乏味的...
HTML --- 表单
最新发布
naoguoteng的博客
10-12 1928
1.表单的用途2.表单的工作原理3.表单中的各种标签 表单标签 form、输入标签 input、文本文框标签 textarea、下拉框标签 select、按钮标签 button 4.表单实例 表单在网页上用来给访问者填写信息的，从而获得用户信息，使用网页进行交互的功能。就像日常生活中统计信息的信息表一样。一般是将表单设计在一个html页面中，当用户填写信息后做提交操作，于是表单的内容就会从客户端的浏览器上发送给服务器，经过服务器上的jsp或者ASP或者Cgi等处理后，再将用户所需的信息传送给客户端的
表单总结
谢鑫的博客
07-10 454
 1.文件选择框：accept属性：指定可选择文件类型，上传文件需指定对应表单的属性，可通过文件后缀决定文件类型。 2.下拉列表：标签定义了一个下拉列表；标签定义了下拉列表的一个选项；标签的name属性定义了提交的参数名；标签的内容定义了该选项显示的文本，value属性定义了选中该选项时传送的参数值。优点是： 节省页面空间，使得页面更加简；方便输入；规范输入。标签的size属性定义
form表单的提交方式总结
Sxuehua的专栏
08-06 1349
利用jquery的表单提交方式，可以有多种方式，方便简洁： 其中btn为提交按钮的ID 1.ajax的提交 $("#btn").click(function(){ $.ajax({ type:'post', //请求的方式，包括get和post url:'...', //请求后台处理的路径 cache:false, data:$("#form").serialize(
HTML表单概述
橘猫吃不胖的博客
10-06 259
HTML表单概述1 表单用途2 表单标签2.1 < form >< /form >2.2 < input >2.2.1 常用的type属性2.2.2 其他属性2.3 < select >< /select >2.4 < textarea >2.5 < button >2.6 < label >< /label >3 强调4 实例说明 1 表单用途 （1）用户注册 （2）收集信息 （3）信息反馈——调查
Html表单概述
shuimanziyi的博客
11-05 247
 表单可以让用户与后台主机直接交互，从而实现“动态网站”。表单种类常见有：    &lt;form&gt;、&lt;input&gt;、&lt;button&gt;、&lt;select&gt;、&lt;option&gt;、&lt;textarea&gt; 1、&lt;form&gt;标记符是最基础的，提交给后台的数据须包含在其中，其基本用法如下: &lt;form name=&
表单之小结
WiFi_Uncle的专栏
08-24 531
html5表单
form表单详解
热门推荐
JiuMeilove的博客
07-06 4万+
form表单详解form表单属性 表单在Web网页中用以让访问者输入数据，当提交表单时，表单中输入的数据被打包传递给Web服务器端的程序以处理，从而使得Web服务器与用户之间具有交互功能。 表单实现前后台交互：用户将表单提交到后台再右后台提交到数据库的过程，实现前后端交互。 form表单属性 form支持HTML的全局属性 属性 值 描述 accept MIME_type HTML5 不支持。规定服务器接收到的文件的类型。（文件是通过文件上传提交的） accept-charset cha
表单标签概述及详解
qq_40208605的博客
04-04 4309
1.1表单标签概述1.1.1什么是表单标签 我们去银行办理一些业务的时候，我们通常需要填写一些纸质单据，而如果我们在网页中需要填写一些单据呢？我们可以通过HTML的表单来实现。例如： 1.2表单标签详解1.2.1输入项标签 <input/>标签 表单输入项标签之一，用户可以在该标签上 通过填写和选择 进行数据的输入。 Ø type:设置该标签的种类 ü text...
form表单相关知识点整理
weixin_44135991的博客
03-25 564
HTML使用表单向服务器提交请求，表单、表单控件的主要作用就是收集用户输入，当用户提交表单时，用户输入内容将被作为请求参数提交到远程服务器。 1.form元素 功能：用于创建一个表单 重要属性： 1）action：表示当前表单中的内容提交给哪个页面进行处理 2）method:表示当前表单提交的方式，常见的有get和post方式，默认是get提交 2.input元素 表示输入框，有多种形式，可以根据...
Web前端核心词汇总结：HTML、CSS与表单篇
3. 表单（form）与表格（table）： - **form**：用于收集用户数据的交互元素，如表单提交功能。 - **action** 和 **method**：表单提交的URL和请求方式（GET或POST）。 - **input**：各种类型的输入字段，如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值