导入
Web 表单基础
在本节课中，我们将学习网页表单的基本概念。 开始吧！
网页不仅仅是用来阅读文档和文章的，它们还广泛应用于社交和商业场景。几乎无法想象任何类型的网页应用不涉及向用户索取数据；只需想想最常见的功能，如登录和注册。
HTML 表单自早期版本起就是标记语言的一部分，如今经过多次优化，HTML5 已经形成了一个更加完善的表单模型，同时仍兼容旧版浏览器。
网页表单的工作原理
下图展示了一个正在运行的网页表单，其中包含用户界面组件，即控件。除了文本框、复选框和单选按钮之外，标签、各部分周围的边框，以及注册按钮也都是该表单中的控件。
要设计和编写网页表单，你需要理解其工作原理。
以下是简化后的流程概述：
- 当浏览器显示网页表单时，它会像渲染其他元素（如文字、菜单、图片等）一样，渲染表单中的各个控件。
- 用户填写表单后，点击提交按钮。
- 表单提交意味着浏览器收集用户输入的数据，将其封装进一个 HTTP/HTTPS 请求，并发送到服务器。
- 服务器接收到请求后，根据请求类型找到对应的处理程序或模块来处理这些数据。
- 接收请求的实体分析收集到的信息，并决定下一步操作。例如，如果请求包含注册信息，Web 服务器可能将数据存入数据库，并返回注册成功的消息；如果数据无效（比如必填字段未填写），服务器可能会将原始表单连同用户输入的内容一并返回，并附加一些标记以说明发现的问题。
核心步骤：
整个过程包含三个基本步骤：
- 浏览器收集表单数据并发送给 Web 服务器。
- Web 服务器处理数据，并将结果返回给浏览器。
- 浏览器展示返回的结果，可能是新的网页、错误提示或其他信息。
当然，这个过程中最复杂的部分是第二步，它在服务器端完成。虽然存在多种服务器技术可以处理网页表单，但本课程不会深入探讨这些内容，仅做基础介绍。
随着网页的发展，用户对流畅体验的需求不断提升，异步技术应运而生，例如 AJAX（异步 JavaScript 和 XML）。这类技术不再要求服务器返回完整的网页，而只需返回因用户输入变化而受影响的部分内容。
这种做法减少了网络传输的数据量，降低了页面闪烁现象。异步技术的主要优势在于：可以在后台异步地向服务器发送数据并获取响应，而不会阻塞用户的交互操作。
在本章中，你将专注于在客户端构建和使用网页表单。
在下一课中，我们将学习如何用 HTML 来表示网页表单。
敬请期待！