2024年9月form表单类型（表单文本域的3个类型）

　　⑴form表单类型（表单文本域的个类型

　　⑵《form》标签用于为用户输入创建HTML表单。表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含menus、textarea、fieldset、legend和label元素。表单用于向服务器传输数据。注释：form元素是块级元素，其前后会产生折行。.form表单的作用表单在网页中主要负责数据采集功能，也就是和里面包含的数据将被提交到服务器或者电子邮件里。一个表单有三个基本组成部分：表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮：包括提交按钮、复位按钮和一般按钮。.form语法格式分为两种通用格式：不通用格式：.表单中的类型文本类型文本框密码框隐藏域多行文本框选择类型单选多选下拉特殊类型按钮类型普通按钮提交按钮（可以用作图片重置按钮其他类型上传文件（file选择日期（date邮箱（email链接（url颜色（color范围（range

　　⑶相当于一个控件集合，里面包含很多控件，点“提交”后会把表单中的所有控件的值都传给action到的页面，这里通过post方法传递时会隐藏表单中的所有值，当通过GET方法传递时，可以在URL地址栏看到?号后所跟的值，也就是表单里所有的值。看如下示例：《formname=“表单名“action=“a.jsp“method=“post“》用户名：《inputtype=textname=“username“》密码：《inputtype=textname=“password“》《inputtype=submitvalue=“提交“》《/form》可看出表单有三个要素：.action即点提交后的跳转地址；.method方法，即通过什么样的方式传递。.submit提交按钮，通过单击按钮来提交内容。

　　⑷表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分：

　　⑸关于HTML《form》标签

　　⑹表单域《input》标签用于搜集用户信息。根据不同的type属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

　　⑺关于HTML《input》标签关于细说Form(表单)

　　⑻表单在web应用中主要是用来进行数据收集的，将用户的输入通过表单收集后传给服务端常用的input标签：type=text：输入类型是text，这是我们见的最多也是使用最多的，比如登陆输入用户名，注册输入电话号码，电子邮件，住址等等。type=password：输入类型是password，一看就明白的密码输入框，最大的区别就是当在此输入框输入信息时显示为保密字符。type=textarea：输入类型是textarea，用来输入大段文字type=hidden：表单的隐藏域，一般用来传递参数，而又不想显示在客户端，就可以用hidden来实现type=checkbox：多选框，常见于注册时选择爱好、性格、等信息。参数有name,value及特别参数checked（表示默认选择其实最重要的还是value值，提交到处理页的也就是value。type=radio：单选框，出现在多选一的页面设定中。参数同样有name,value及特别参数checked。不同于checkbox的是，name值一定要相同，否则就不能多选一。当然提交到处理页的也还是value值。type=file：文件上传选项，作为文件上传的按钮，点击文件上传按钮后会弹出目录框供选择文件type=submitortype=reset分别是“提交”和“重置”两按钮，submit主要功能是将Form中所有内容进行提交action页处理，reset是快速清空所有填写内容的功能。GET和POST是HTTP请求的两种基本方法，他们的区别主要有以下几点GET后退按钮/刷新无害，POST数据会被重新提交（浏览器应该告知用户数据会被重新提交。GET书签可收藏，POST为书签不可收藏。GET能被缓存，POST不能缓存。GET编码类型application/x-www-form-url，POST编码类型encodedapplication/x-www-form-urlencoded或multipart/form-data。为二进制数据使用多重编码。GET历史参数保留在浏览器历史中。POST参数不会保存在浏览器历史中。GET对数据长度有限制，当发送数据时，GET方法向URL添加数据；URL的长度是受限制的（URL的最大长度是个字符。POST无限制。GET只允许ASCII字符。POST没有限制。也允许二进制数据。与POST相比，GET的安全性较差，因为所发送的数据是URL的一部分。在发送密码或其他敏感信息时绝不要使用GET！POST比GET更安全，因为参数不会被保存在浏览器历史或web服务器日志中。GET的数据在URL中对所有人都是可见的。POST的数据不会显示在URL中。??.表单(form)的控件名，提交的数据都用控件的name而不是id来控制。因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是全文档中唯一的。此外浏览器会根据name来设定发送到服务器的request。因此如果用id，服务器是无法得到数据的。??.frame和window的名字,用于在其他frame或window指定target。radio分组通过控制name属性值来实现，相同的name属性值为一组，例如:《inputtype=radioname=“sex“value=“男“》男《inputtype=radioname=“sex“value=“女“》女《inputtype=radioname=“sex“value=“男“》男《inputtype=radioname=“sex“value=“女“》女这里面的name属性值有两个，一个是sex，另外一个是sex，通过name的设置就自动的将这里的个单选分成了两组，name=“sex“的为一组，name=“sex“为另一组总结：控制name属性值来实现radio的分组placeholder属性提供可描述输入字段预期值的提示信息（hint。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。placeholder是html的新属性。?、隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。、有些时候我们要给用户一信息，让他在提交表单时提交上来以确定用户身份，如sessionkey，等等．当然这些东西也能用cookie实现，但使用隐藏域就简单的多了．而且不会有浏览器不支持，用户禁用cookie的烦恼。、有些时候一个form里有多个提交按钮，怎样使程序能够分清楚到底用户是按那一个按钮提交上来的呢？我们就可以写一个隐藏域，然后在每一个按钮处加上onclick=“document.form.mand.value=“xx““然后我们接到数据后先检查mand的值就会知道用户是按的那个按钮提交上来的。、有时候一个网页中有多个form，我们知道多个form是不能同时提交的，但有时这些form确实相互作用，我们就可以在form中添加隐藏域来使它们联系起来。、javascript不支持全局变量，但有时我们必须用全局变量，我们就可以把值先存在隐藏域里，它的值就不会丢失了。、还有个例子，比如按一个按钮弹出四个小窗口，当点击其中的一个小窗口时其他三个自动关闭．可是IE不支持小窗口相互调用，所以只有在父窗口写个隐藏域，当小窗口看到那个隐藏域的值是close时就自己关掉。如：、《inputtype=hiddenname=counvalue=《%=%》》这里的隐藏域名为coun，值为《%=%》，假设前面=的话，即值为；、递交表单《formaction=xx.asp》到新页面xx.asp；、在xx.asp页中，使用request.writerequest.form(“coun“)，则在页面中显示的值就是。

　　⑼Html页面代码中为什么要使用表单标签，使用该标签有什么意义

　　⑽html《form》表单标签使用在一个网页中数据提交标签。例如，可以在留言板，评论等中填写数据，表单提交标签是提交处理所必需的。

　　⑾《form》表单标签包含输入框input，单选，多选，select下拉列表菜单和跳转菜单，提交按钮和其他标签元素。

　　⑿使用《form》《/form》声明表单区域，并在《form》中填写action的值作为表单区域中提交内容发送到的页面地址。

　　⒀《form》表单的属性有：

　　⒁aept-charset、action、method、name、target等。其中：

　　⒂action：表单提交的地址，action的地址就是要提交的服务器的地址。

　　⒃method：以何种方式提交，常见的为get和post，区别在于一个是明文（在url中显示，一个是暗文。

　　⒄《form》标签使用示例：

　　⒅《formaction=“demo_form.php“method=“get“》

　　⒆Firstname:《inputtype=“text“name=“fname“》《br》

　　⒇Lastname:《inputtype=“text“name=“lname“》《br》

　　⒈《inputtype=“submit“value=“提交“》

　　⒉当点击submit按钮时，浏览器会自动将表单信息封装提交至action中的地址。所谓的提交就是访问action中地址并携带着form表单中input，textarea，select的信息。

　　⒊From表单的属性与Input元素

　　⒋From表单的属性与Input中的类型与属性;下面介绍下form表单的必填项:action=“路径“向何处发送表单数据;method=“get/post“如何发送表单数据;name=““提交到服务器后的表单数据进行标识;input中有的属性:type=’’类型;value=’’表单元素内容;src=路径;placeholder=’’可描述输入字段预期值的提示信息;step=’’输入字段的数字间隔;title=’’提示语(与pattern一起使用);pattern=’/正则/’用于验证输入字段的模式;autoplete=’on/off’输入字段是否应该启用自动完成功能;min=’’最小值;max=’’最大值;autofocus自动聚焦;required使该input为必填项;

　　⒌form的属性有哪些

　　⒍表单标志的主要元素、属性如下：

　　⒎《form》《/form》创建表单。

　　⒏《selectmultiplename=“name”size=“”》《/select》创建滚动菜单，size设置在需要滚动前可以看到的表单项数目。

　　⒐《option》设置每个表单项的内容。

　　⒑《selectname=”name“》《/select》创建下拉菜单。

　　⒒《option》设置每个菜单项的内容。

　　⒓《textareaname=“name“cols=rows=》《/textarea》创建一个文本框区域，列的数目设置宽度，行的数目设置高度。

　　⒔《inputtype=“checkbox”name=“name”》创建一个复选框，文字在标签后面，《inputtype=”radio“name=“name”value=》创建一个单选框，文字在标志后面。

　　⒕当看登陆到某个站点的时候我们可能会看到有个登陆框,其中有用户名及密码等内容，这个登陆框基本上就是用form来实现的,form在网页中指的是表单的意思.

　　⒖表单允许客户端的用户以标准格式向服务器提交数据。表单的创建者为了收集所需数据，使用了各种控件设计表单如INPUT或SELECT。查看表单的用户只需填充数据并单击提交按钮即可向服务器发送数据。服务器上的脚本会处理这些数据。

　　⒗如果数据要发送出去的话，那么必须定义每个控件元素的NAME标签属性。表单中的元素可使用name属性或id属性，或通过elements集合引用。

　　⒘如果焦点位于表单中的控件时用户按Esc键，该控件的值将会恢复到上次的值。如果用户再次按Esc键，整个表单都会重置。如果焦点位于表单中但并不在某个控件时用户按了Esc键，整个表单都会重置。

　　⒙formsubmit几种类型

　　⒚最普通最常用最一般的方法就是用submittype..看代码：《formname=”form”method=”post”action=”#“》《inputtype=”submit”name=”submit”value=”提交“》《/form》另外，还有一种常用的方法是使用图片：《formname=”form”method=”post”action=”#“》《inputtype=”image”name=”submit”src=第三种是使用链接来提交表单，用到了javascript的DOM模型：《formname=”form”method=”post”action=”#”》《ahref=();”》提交《/a》《/form》这种方法实际上是调用了一个javascript函数，使用javacript函数来提交表单，方法就非常多非常灵活了，比如可以把它加入到任意一个标签的onclick事件中：《formname=”form”method=”post”action=”#”》《divonclick=”javascript:form.submit();”》《span》提交《/span》《/div》《/form》但是，如果一个表单里有需要有多个提交按钮怎么办呢？比如一个表单里的提交按钮所指向的处理页面不同，这样由于表单在定义的时候就已经确定下表单数据的处理页面，所以单纯地在表单里放多个提交按钮是没有办法达到目的的。这就需要javascript。首先定义一个函数：《scriptlanguage=javascript》functionquery(){form.action=”query.php”;form.submit();}functionupdate(){form.action=”update.php”;form.submit();}《/script》通过javascript改变form的action属性值，这样就可以实现多提交按钮而且功能不同了，页面内代码如下：《formname=”form”method=”post”action=”#”》《inputtype=”button”name=”query”onclick=”query();”value=”查询”》《inputtype=”button”name=”update”onclick=”update();”value=”更新”》《/form》上面一段代码，使用的是普通的按钮，而提交功能的实现方法是在它的onclick事件中调用javascript函数.

　　⒛如何对form表单中所有类型的input控件进行赋值与取值给出完整的示例说明

　　最简单的方法：给《form》起个名，给《input》起个名，然后用名字.名字的方法就可以了。示例：《formname=“myform“》//表单名字为myform《inputtype=“text“name=“mytext“value=““》//input名字为mytext,//value是初始值，为《/form》假设在JS中取值《scripttype=“text/javascript“》varn=document.myform.mytext.value;//定义个变量n接收表单中的值alert(n);//alert是弹出对话框，会弹出一个的对话框document.myform.mytext.value=““;//给控件重新赋值为《/script》其他控件的取值赋值类似，如不明白可以追问

　　java后台怎么获取form表单类型

　　前台页面form表单action=“LoginServlet“method=“post“后台页面Servlet调用doPost方法执行代码，使用request.getParameter(“参数名“)方法来获取form表单传过来的数据