前言
目前为止,学习的所有Web通信都是单向的:只是从页面到访问者。下面引入HTML表单,以此得到访问者的反馈。本章有大量HTML的元素来支持表单。
HTML中的表单
表单如何工作
表单实际上是一个包含输入域的Web页面,允许你输入信息。提交表单时,这些信息会打包并发送到一个Web服务器,由一个服务器脚本处理。
表单在浏览器中的工作流程
用HTML创建表单很简单。这一章会有很多新的HTML元素协作来创建表单。先看下面这个表单:
<form>元素
<form>元素不仅包含构成表单的所有元素,还会告诉浏览器,当你要提交表单时要把表单数据发送到哪里,以及浏览器要用什么方式发送数据。
表单要与服务器脚本关联。要创建服务器脚本,需要一种脚本或编程语言,且托管公司要支持这种语言。如果有兴趣,可以找一本专门介绍服务器脚本(服务器端程序)的书。
表单里可以有什么
几乎所有元素都可以在表单中,下面简要介绍各种常用的表单元素。
-
<input>元素
-
<textarea>元素
并不是所有表单都是<input>元素,还有很多其他的元素,如用于菜单的 <select>元素,用于输入多行文本的 <textarea>元素。
-
<select>元素
-
其他元素
- 如果只有一行文本,可以用<input>,如姓名或邮编。对于更长的多行文本,就要使用<textarea>。
- 提交按钮不一定必须是submit,可以通过更改元素的value属性进行赋值。
- 对于<input>,可以使用maxlength来限制最多输入的字符长度,如maxlength=“100”。而对于<textarea>则没有限制长度,因为这个限制范围很大,通常不需要输入那么多内容。
- <option>元素不需要name属性,因为所有<option>元素都是菜单的一部分,所以只需要为整个菜单提供一个名字。
表单向服务器发送数据的方法
- 使用GET时,浏览器会在URL的最后追加另外一些数据,除此之外浏览器会把它当作普通的请求。而使用POST,浏览器会创建一个小数据包,并把它发送给服务器。
- 使用GET还是POST要视情况而定: