《html教程 10第十章》由会员分享，可在线阅读，更多相关《html教程 10第十章（21页珍藏版）》请在金锄头文库上搜索。
1、第十章表单本章既是HTML的最后一章，又是学习JavaScript、继而全面学习动态网页编程的基础，具有承前启后、继往开来的重要作用。这是因为：前面的HTML语法都是用来编写纯静态网页的，即网页编写好之后，在浏览器中的内容不会发生变化。而表单则是用来和用户交互的，用户可以改变表单中的内容，网页从而具备了和用户交互的功能。这是表单的质的飞跃。但要真正发挥动态网页的强大功能，则必学JavaScript。如果要在动态网页中增加数据库功能，则必须继而学习ASP.NET、JSP、PHP之一。本章局限在HTML范围内，讲解表单的基本用法。10.1什么是表单什么是表单（form）？表单是浏览者与网站实现互动
2、的重要手段，它的主要功能是收集网站所需的信息。例如，当在网上申请电子邮件信箱时，就需要填写表单。下图所示的是申请新浪邮箱时所要填写的表单。图浏览结果要创建表单，需要使用和标记，在它们之间的一切都属于表单的内容。其语法格式为：表单内容再看具体的例子前，必须详细讲解的各个属性。（1）name属性用于定义表单名称。表单可以看成一个对象，该对象有对象名后，就可方便地在程序（例如JavaScript）中引用表单了。（2）action属性的值是处理程序的程序或网页名（包括网络路径），即设置将表但数据提交给谁处理。例如：它说明：当用户提交表单时，服务器将执行网址http:/ = 11和txtUsername
3、 = zhangsan。至于怎样形成这样的字符串，请看后面的例子。get方法一次最多只能提交256个字符的数据，而post方法与get方法不同，它是当前的HTML文档把数据作为一个独立的数据块，与url分开，直接传送给服务器端的处理程序，不受长度限制。因此，如果提交的数据比较多，则最好采用post方法；若较少，可以使用get方法。一般使用post方法来提交表单数据。（4）服务器处理表单数据之后，要返回给客户端一些信息，例如是否成功提交了表单内容、是否有错等等，这些信息需要浏览器开一个窗口来显示。target属性就用来定义目标窗口的显示方式的，其值有四个：_blank、_parent、_self
4、和_top。其意义和在超链接中完全相同，不再多说。（5）enctype属性用于指定表但提交数据时所采用的编码方式。编码方式的取值如下表所示。enctype取值含义text/plain以纯文本的形式传送application/x-www-form-urlencoded默认的编码形式，即URL编码形式multipart/form-dataMIME编码，上传文件的表单必须选择该项通常情况下，表单采用application/x-www-form-urlencoded编码方式，所以enctype属性通常可以不指定。但也有例外。例如，若要将当前表单数据提交到邮件地址为“”的信箱中，此时的用法应为：注意，此
5、时必须指定表单的enctype属性值为“text/plain”。那么什么是MIME类型呢？最早的HTTP协议中，所有传送的数据都被客户程序解释为超文本标记语言HTML文档。而为了支持多媒体数据类型，HTTP协议中就使用了附加在文档之前的MIME数据类型信息来标识数据类型。MIME（Multipurpose Internet Email Extension），意为多用途Internet邮件扩展，它是一种多用途网际邮件扩充协议，在1992年最早应用于电子邮件系统，但后来也应用到浏览器。服务器会将它们发送的多媒体数据的类型告诉浏览器，而通知手段就是说明该多媒体数据的MIME类型，从而让浏览器知道接收
6、到的信息哪些是MP3文件，哪些是JPEG文件等等。当服务器把把输出结果传送到浏览器上的时候，浏览器必须启动适当的应用程序来处理这个输出文档。在HTTP中，MIME类型被定义在、部分的Content-Type中。例如，架设你要传送一个Microsoft Excel文件到客户端。那么这时的MIME类型就是“application/vnd.ms-excel”。在大多数实际情况中，这个文件然后将传送给Excel来处理（假设我们设定Excel为处理特殊MIME类型的应用程序）。每个MIME类型由两部分组成，前面是数据的大类别，例如声音（audio）、图像（image）等，后面定义具体的种类。常见的MIM
7、E类型如下表所示。数据类型MIME类型超文本标记语言文本 .htm,.html文件text/html（数据类别是text，种类是html，下同）纯文本，.txt文件text/plainRTF文本，.rtf文件application/rtfGIF图形，.gif文件image/gifJPEG图形，.jpeg, .jpg文件image/jpegau声音，.au文件audio/basicMIDI音乐，mid,.midi文件audio/midi,audio/x-midiRealAudio音乐，.ra, .ram文件audio/x-pn-realaudioMPEG，.mpg,.mpeg文件video/mp
8、egAVI，.avi文件video/x-msvideoGZIP，.gz文件application/x-gzipTAR，.tar文件application/x-tarInternet中有一个专门组织IANA来确认标准的MIME类型，但Internet发展的太快，很多应用程序等不及IANA确认他们使用的MIME类型为标准类型。因此他们使用在类别中以x-开头的方法，标识这个类别还没有成为标准，例如：x-gzip、x-tar等。事实上，这些类型运用得很广泛，已经成为事实标准。只要客户机和服务器共同承认这个MIME类型，即使它是不标准的类型也没有关系。10.2最简单的表单举例说了这么多，我们还是看一个例
9、子吧。【例1】最简单的表单。下面是最简单的表单的代码，不妨命名为chap10_1.html。itsway -表单 用户注册 请输入用户名：请输入电子邮箱： 在这里，和中有不少内容，所有未讲过的标记一律用红色书写。在运行它之前，再编写一个简单的chap10_login.html文件，内容如下。itsway - 表单 到此为止，说明表单成功执行了！ 然后运行chap10_1.html，显示结果如下图所示。图浏览结果其中，两个文本框中本来是没有内容的。我们可以在其中填写一些内容，如上图所示。此时如果单击“重写”按钮，将清空文本框，以便用户重写；如果单击“确定”，浏览器将打
10、开一个新窗口显示chap10_login.html，如下图所示。图浏览结果请注意在地址栏中显示的内容：file:/C:/html/chap10_login.html?username=aaa&email=这是因为：表单的提交方式method = get，所以chap10_1.html把用户填写的数据附加在url后面，传送给chap10_login.html。把这个结果和前面讲的对照一下，是不是可以更好地理解前面的内容了？读者可以把表单的提交方式method改成post，再看看执行结果。这里在表单的action属性中定义的处理程序是chap10_login.html。一般来说不会把表单数据再提交
11、给一个简单的HTML网页文件，而是提交给扩展名为.asp（ASP编写）、.aspx（ASP.NET编写）、.jsp（Java编写）或.php（PHP编写）的程序，并由它们处理。在例1的表单中，不仅有一些文字和过去学过的一些HTML标记，而且还有两个文本框和两个按钮对象。这就是表单控件。下面我们详细学习各种控件。10.3文本框控件文本框控件用于输入文本。一、单行文本框最简单的是单行文本框控件，语法为：在该语法中：l input：说明该控件是输入类控件，必须写。l name：控件本身的名称，一般来说需要定义。l type = text：说明它是单行文本框，也就是只能在一行中输入数据。必须写。l size：定义文本框的显示长度，单位是字符。l maxlength：定义在文本框中最多可以输入多少个字符。l value：定义文本框中的初始文本。【例2】单行文本框的使用。itsway -表单/t
