第16章 表单

本章内容

  • 创建表单
  • 处理表单
  • 通过电子邮件发送表单数据
  • 对表单元素进行组织
  • 创建文本框
  • 创建密码框
  • 创建电子邮件框、电话框和URL框
  • 为表单组件添加标签
  • 创建单选按钮
  • 创建选择框
  • 创建复选框
  • 创建文本区域
  • 让访问者上传文件
  • 创建隐藏字段
  • 创建提交按钮
  • 使用图像提交表单
  • 禁用表单元素
  • HTML5的新特性和浏览器支持情况

到目前为止,你学到的所有HTML都是用于帮助你将自己的想法告诉访问者的。在本章中,你将学习如何创建表单,与访问者进行交流。

表单有两个基本组成部分:访问者在页面上可以看见并填写的字段、标签和按钮的集合;以及用于获取信息并将其转化为可以读取或计算的格式的处理脚本。

构造表单的字段和按钮很直观,同创建网页的其他部分是相似的。基本的表单字段类型包括文本框、特殊的密码框、单选按钮、复选框、下拉菜单、更大的文本区域,甚至可点击的图像。每个元素都有一个名称,作为在处理表单时用于标识数据的标签。可以使用CSS对表单的定位和格式进行控制,让表单变得清晰且易于使用。

使用表单通常需要用到一种服务器端的语言以接收提交的信息。这需要位于Web服务器的代码,用于收听表单的响应,并对响应的信息进行处理。处理的方式包括将信息存入数据库,使用电子邮件发送信息,为用户提供新的信息,等等。我推荐使用PHP作为入门的语言。它简单明了,且非常适合制作交互式网页。

还有很多其他的用于处理表单的服务器端语言。服务器端语言超出了本书的范围,甚至解释如何使用现有的脚本都有点儿超出界限,因此我将提供一些现成的脚本帮你起步。