html表单的定义,表单(FORM)定义
表单(FORM)定义
表单(FORM)在动态⽹站编程中占有重要的地位,使⽤FORM,可以从客户端向服务器端发送数据,在服务器端,可以使⽤ASP、JSP、Servlet、CGI等程序将传递过来的数据读取出来进⾏处理。FORM定义的基本格式如下:
...
在FORM定义中,可以指定ACTION、METHOD、NAME、ENCTYPE等属性,⽤于接收数据的各类表单元素定义在
和之间。
ACTION属性⽤于指定此表单数据提交的⽬标URL,它通常是⼀个相对路径。如果没有设置这个属性或者属性值为空,表单数据将提交给此表单⾃⾝的URL。
METHOD属性⽤于指定提交表单数据的⽅式,常⽤的有GET和POST两种⽅式,如果没有设置此属性或者此属性值为空,则使⽤GET⽅式来提交数据。GET和POST提交⽅式的主要不同点在于如下两点:
因为GET数据是URL的⼀部分,所以它会将表单数据附在URL后⾯传送。也就是说,在浏览器的地址栏将会显⽰表单中的数据,并且,在通常情况下,浏览器会将这个附加数据后的URL保存起来,可以查阅通过浏览器的“历史”来得到它。所以,这种⽅式不适合于发送需要保密的数据的表单,⽐如,密码等。⽽POST不是URL的⼀部分,所以它不会将表单数据附在URL后⾯,所以这种⽅式不会发⽣上⾯的问题。
因为浏览器通常会限制URL的长度,所以,使⽤GET这种⽅式⽆法传送⼤量的数据。⽽POST⽅式不会有这种问题。
所以,如果没有特殊的需要,最好使⽤POST⽅式来传送表单数据。
NAME属性⽤于给这个FORM指定⼀个名字,可以⽤字母和数字组合的⽅式来给FORM命名,但不要⽤数字开头。
ENCTYPE属性⽤于定义数据在发送前需要完成的编码⽅式,如果没有设置这个属性,那么会使⽤默认的值application/x-www-form-urlencoded,它使⽤的编码⽅式是UTF-8。
ACCEPT属性⽤于指定处理表单数据的ASP、JSP、Servlet或者其他程序接受的MIME(Multipurpose Internet Mail Extension protocol, 多⽤途⽹际邮件扩充协议)数据类型,如果FORM中有⽂件组件(FILE),还可以使⽤它来限制上载⽂件的类型。
ACCEPT-CHARSET属性⽤于指定处理表单数据的ASP、JSP、Servlet或者其他的程序接受的字符编码。
⽂本组件
⽂本组件分成三种:⽂本框、密码框和⽂本域,它们都可以放在FORM标记中⽤于接收⽂本数据,下⾯我们来学习这三种⽂本组件。
l  ⽂本框
⽂本框定义的基本格式如下:
⽂本框⽤标记INPUT定义,并且需要将它的TYPE属性值定义为TEXT,这也是INPUT标记的默认类型;NAME属性⽤于给⽂本框指定⼀个名字,这个属性是必需的;VALUE属性可以⽤于指定⽂本框的默认值;SIZE属性⽤于定义⽂本框的⼤⼩,默认是20;⽽MAXLENGTH是⽤于限制⽂本框的输⼊数据长度的属性。
l  密码框
密码框和⽂本框类似,唯⼀和⽂本框区别的地⽅在于,需要将INPUT标记的TYPE属性设置为PASSW
ORD,其他的属性设置和⽂本框的设置⼀样,另外,在密码框中输⼊数据的时候,密码框中不会明⽂显⽰输⼊的数据,⽽是⽤“*”或其他的掩盖字符来表⽰,但这并不影响到将输⼊的数据发送。
l  ⽂本域
⽂本域使⽤标记来定义,它的基本格式如下:
和前⾯的两个⽂本组件不同,标记必须成对出现,它有三个属性必须定义:NAME⽤于设置⽂本域的名字,⽽ROWS⽤于设置⽂本域的⾏数,⽽COLS⽤于设置⽂本域的列数,如果⽂本域有默认值,则将默认值放在和之间。
NAME="userInfo">
MAXLENGTH="30" VALUE="默认值">
html怎样设置文本框输入输出SIZE="15" MAXLENGTH="30">
默认的值放在这⾥
下拉列表
下拉列表向⽤户提供⼀系列的选项。它可以分为单选列表和多选列表两种。单选列表可以让⽤户选择⼀个选项,它也是下拉列表的默认设置;多选列表可以让⽤户选择多个选项。
下拉列表的基本格式如下:
#
下拉列表使⽤SELECT标记来定义,需要使⽤“NAME”属性来给它指定⼀个名字,“SIZE”属性⽤于指定下拉列表在浏览器中显⽰的⾏数,如果不指定这个属性,那么在浏览器中只有⼀⾏可见。下拉列表的各个选项可以使⽤标记来定义,使⽤“VALUE”属性来给选项指定值,这个值不会显⽰在浏览器中,如果需要指定⼀个默认的选项,可以在该选项中加上⼀个“SELECTED”属性;⽽在之间,可以定义显⽰到浏览器中的内容。
如果需要定义多选列表,可以通过指定标记的⼀个属性MULTIPLE来完成,并且同时将“SIZE”属性值设置为2或者2以上。
下⾯我们来看⼀个单选列表和多选列表的例⼦。
篮球
排球
乒乓球
⽹球
单选框
单选框提供给⽤户多选⼀的组件,它的基本格式如下:
#
可以看出,单选框也是使⽤标记来定义,但是需要将它的“TYPE”属性设置为“RADIO”,需要给它指定⼀个名字。⼀个只能定义⼀个单选框选项,因此对于⼀组的选项,必须针对每个选项定义并且需要给它们提供⼀样的名字,这样这些选项就能组成⼀个“组”,在这些选项中,每次最多只能有⼀个选项被选中。如果需要指定默认的选项,可以给该选项指定“CHECKED”属性即可,如:
这样,对于 “性别”单选框,它有两个选项,默认选项是“⼥”。
多选框
多选框提供给⽤户⼀个选择多个选项的组件,它的基本格式如下:
#
通常情况下,将⼀组同样性质的多选框指定⼀样的名字。如果需要指定某些选项为默认选项,可以给这个选项指定“CHECKED”属性。被选择中的各个选项值会组成⼀个字符串发送到服务器端,各个选项值之间⽤逗号隔开。
选择性别:
选择你的兴趣爱好:
上⽹
踢球
篮球
健⾝
按钮
在HTML中,有三种类型的按钮:Submit、Button和Reset。使⽤Submit按钮可以将表单提交到FORM标记的ACTION所指定的url中;⽽Button类型的按钮通常情况下需要和JavaScript结合起来使⽤才有意义;Reset按钮可以将表单的内容回复到原始的状态。
l  Submit按钮
Submit按钮定义的基本格式如下:
可以看出,Submit按钮的定义也是使⽤标记,只是需要将“TYPE”属性值指定为“SUBMIT”就可以了,另外需要给它指定⼀个名字。VALUE属性将显⽰在Submit按钮上,但它不是必需的,如果没有指定它,
那么在浏览器中就会⾃⼰加上⼀个值,在不同的浏览器中可能会有所不同,如在英⽂的IE中通常会是“Submit Query”,⽽在中⽂IE中是“提交查询内容”等。
l  Reset
Reset按钮⽤于将表单中的各个组件的值恢复到最初设置的初值,它的基本格式如下:
RESET按钮的定义也使⽤标记,只是需要将“TYPE”属性值指定为“RESET”就可以了,另外需要给它指定⼀个名字。VALUE属性将会显⽰在Reset按钮上,它可以不指定,⽽是让浏览器⾃⼰给它赋值,不同的浏览器中会有⼀些差别,如在英⽂IE中显⽰为“Reset”,⽽在中⽂IE中显⽰为“重置”等。
l  Button
Button通常需要和JavaScript结合起来才能作⽤,因为它本⾝不能完成任何的功能,它的格式如下:
和Submit和Reset按钮⼀样,Button使⽤来定义,在Button定义中,需要给VALUE指定⼀个值,否则,在浏览器中的按钮组件上不会有任何的⽂字指⽰。
在FORM中,通常⾄少需要定义⼀个Submit按钮,这样表单才可以提交到ACTION指定的url中,或者使⽤Button按钮和JavaScript结合也能达到⼀样的⽬的,在下⼀节我们会学习这种⽅式。
隐藏域
隐藏域可以定义在FORM中,⽤来传递不需⽤户输⼊的值。和其他的FORM组件不同,它不会显⽰在浏览器中,⽤户不能去修改它的值。它的定义基本格式如下:
和⽂本框等组件⼀样,隐藏域的定义也是使⽤标记来完成的,需要将它的“TYPE”属性值设置为“HIDDEN”,并且需要给它指定⼀个名字。另外因为隐藏域不能接收⽤户的输⼊,所以通常需要给它指定⼀个VALUE值。
⽂件上载组件
有时候我们需要将客户端的⽂件上载到服务器端,这时候就需要使⽤⽂件上载组件来接收需要上载的⽂件的路径,它的基本格式如下:
⽂件上载组件也使⽤标记来定义,并且将它的“TYPE”属性值设置为“FILE”,同时需要给它的“NAME”指定⼀个值。MAXLENGTH 和SIZE属性的含义和⽂本框的含义⼀样。⽂件上载组件在浏览器上的表现形式为⼀个“⽂本框”和⼀个“按钮”,这个按钮上⾯会在不同的浏览器上⾯显⽰类似“浏览…”的内容。点击这个按钮,将打开⼀个⽂件选择对话框,让⽤户选择⼀个⽂件。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。