7-表单

HTML借用了表单这个概念来定义一类元素，这些元素可以让你为网站搜集访问者的信息。
无论是要向网站加入一个简单的搜索框，还是要创建更复杂的保险申请单，HTML表单都会为你提供一组元素来搜集来自用户的数据。
你将在本章中学习以下内容：
1.如何在网站上创建表单
2.收集数据的各种工具
3.HTML5中引入的新表单控件

表单控件

添加文本：

单行文本框
用于单行文本，例如电子邮件地址和姓名。

密码框
类似于单行文本框，但它会掩盖输入其中的字符。

文本域
用于较长的文本，例如消息和评论。

进行选择：

单选按钮
当用户必须选择多个选项中的一个时使用。

复选框
当用户可以选择一个或多个选项时使用。

下拉列表
当用户必须从一个选项列表中挑选其中之一时使用。

提交表单：

提交按钮
从你的表单向另一个网页提交数据。

图像按钮
类似于提交按钮，不过他们允许你使用图片。

上传文件
允许用户把文件（例如图片上传到网站）。

表单如何工作

1.用户填写表单，然后单击一个按钮将所填信息提交到服务器。
2.每个表单控件的名称与用户输入或选择的值一同发送到服务器。
3.服务器利用某种编辑语言（例如PHP，C#，VB.net或java）对这些信息进行处理，还可能将这些信息存储在一个数据库中。
4.服务器基于收到的信息创建一个新页面并将其返回到浏览器。

一个表单可能有多个表单控件，每种控件收集不同的信息。服务器需要知道用户输入的每一条数据输入了哪个表单元素。

为了区分各类输入数据，从浏览器发送到服务器的信息采用“名称/值”这样成对的格式。在这个示例中，表单要求访问者输入用户名和他们最喜爱的爵士音乐家。被发送到服务器的成对的“名称/值”即为:

username=Ivy

如果一个表单控件让用户输入文本，那么这个表单控件的值就是用户所输入的内容。

vote=Herbie

如果一个表单控件让你从一组固定的选项中进行选择(例如单选按钮、复选框或是下拉列表)，这个网页的设计者会通过添加代码为每个选项预设一个值。
注意：最好不要在页面中修改表单控件的名称，除非你确定服务端的代码能够理解这个新名称。

7-表单

原文：https://www.cnblogs.com/Acapplella/p/13389884.html