《Head First HTML与CSS》笔记——14 HTML表单

前言

目前为止，学习的所有Web通信都是单向的：只是从页面到访问者。下面引入HTML表单，以此得到访问者的反馈。本章有大量HTML的元素来支持表单。

HTML中的表单

表单如何工作

表单实际上是一个包含输入域的Web页面，允许你输入信息。提交表单时，这些信息会打包并发送到一个Web服务器，由一个服务器脚本处理。

表单在浏览器中的工作流程

用HTML创建表单很简单。这一章会有很多新的HTML元素协作来创建表单。先看下面这个表单：

<form>元素

<form>元素不仅包含构成表单的所有元素，还会告诉浏览器，当你要提交表单时要把表单数据发送到哪里，以及浏览器要用什么方式发送数据。

表单要与服务器脚本关联。要创建服务器脚本，需要一种脚本或编程语言，且托管公司要支持这种语言。如果有兴趣，可以找一本专门介绍服务器脚本（服务器端程序）的书。

表单里可以有什么

几乎所有元素都可以在表单中，下面简要介绍各种常用的表单元素。

1. <input>元素
   

2. <textarea>元素
   并不是所有表单都是<input>元素，还有很多其他的元素，如用于菜单的 <select>元素，用于输入多行文本的 <textarea>元素。
   

3. <select>元素
   
   

4. 其他元素
   
   
   

• 如果只有一行文本，可以用<input>，如姓名或邮编。对于更长的多行文本，就要使用<textarea>。
• 提交按钮不一定必须是submit，可以通过更改元素的value属性进行赋值。
• 对于<input>，可以使用maxlength来限制最多输入的字符长度，如maxlength=“100”。而对于<textarea>则没有限制长度，因为这个限制范围很大，通常不需要输入那么多内容。
• <option>元素不需要name属性，因为所有<option>元素都是菜单的一部分，所以只需要为整个菜单提供一个名字。

表单向服务器发送数据的方法

• 使用GET时，浏览器会在URL的最后追加另外一些数据，除此之外浏览器会把它当作普通的请求。而使用POST，浏览器会创建一个小数据包，并把它发送给服务器。
• 使用GET还是POST要视情况而定：
  

小结