第9篇 添加表单.pdf

·152 · HTML 网页设计参考手册 第 章 添 加 表 单 表单标记——form 添加控件 输入类的控件 菜单列表类的控件 文本域标记——textarea id 标记 表单的用途很多，在制作网页，特别是制作动态网页时常常会用到。表单主 要用来收集客户端提供的相关信息，使网页具有交互的功能。它是 HTML 页面 与浏览器实现交互的重要手段。在网页的制作过程中，常常需要使用表单，例如 在进行用户注册时，就必须通过表单填写用户的相关信息。本章将讲解各种表单 的用法。 第 9 章 添 加 表 单 ·153 · 表单通常设计在一个 HTML 文档中，当用户填写完信息后做提交操作，将表单的内容从客户端的 浏览器传送到服务器上，经过服务器处理程序后，再将用户所需信息传送回客户端的浏览器上，这样 网页就具有了交互性。 在网页中，最常见的表单形式主要包括文本框、单选按钮、复选框、按钮等，如图 9-1 所示。在 网易的主页中，就包含了文本框、按钮、下拉列表等表单内容。 图9-1 网页中的表单 下面就对如何使用 HTML 标志来设计表单进行详细的介绍。 9.1 表单标记——form 在 HTML 中，form/form标志对用来创建一个表单，也即定义表单的开始和结束位置，在标志 对之间的一切都属于表单的内容。 每个表单元素开始于 form 元素，可以包含所有的表单控件，还有任何必需的伴随数据，如控件的 标签、处理数据的脚本或程序的位置等。在表单的form标记中，还可以设置表单的基本属性，包括 表单的名称、处理程序、传送方法等。一般情况下，表单的处理程序 action 和传送方法 method 是必不 可少的参数。 9.1.1 处理程序——action 真正处理表单的数据脚本或程序在 action 属性里，这个值可以是程序或脚本的一个完整 URL 。 语法： form action=表单的处理程序 …… /form 说明：在该语法中，表单的处理程序定义的是表单要提交的地址，也就是表单中收集到的资料将 要传递的程序地址。这一地址可以是绝对地址，也可以是相对地址，还可以是一些其他的地址形式， 例如发送 E-mail 等。 实例代码： html ·154 · HTML 网页设计参考手册 head title设定表单的处理程序/title /head body 下面是关于本产品的调查内容： !--这是一个没有控件的表单-- form action=mailto:abcd@163.com /form /body /html 在这个实例中，就是定义了表单提交的地址为一个邮件，当程序运行后会将表单中收集到的内容 以电子邮件的形式发送出去。 9.1.2 表单名称——name 名称属性 name 用于给表单命名。这一属性不是表单的必需属性，但是为了防止表单信息在提交到 后台处理程序时出现混乱，一般要设置一个与表单功能符合的名称，例如注册页面的表单可以命名为 register 。不同的表单尽量不用相同的名称，以避免混乱。 语法：