导入
JavaScript 与表单
让我们管理网页中定义的表单,以提升交互性。
表单回顾
表单通过允许用户通过文本框、复选框、下拉菜单等方式输入信息,增强了网页的功能。在网页中,表单使用 <form> HTML 标签定义,其内部可以包含各种 <input> 标签、<select> 标签或 <textarea> 标签。
如果表单对你来说是全新的内容,Mozilla 开发者网络提供了一份非常出色的入门指南,名为《你的第一个 HTML 表单》。若想对表单进行更全面的复习,可以参考 OpenClassrooms 的这门课程章节:构建你的网站(HTML5 与 CSS3)——表单。
JavaScript 中的表单
用户在表单中输入的数据通常会通过网络发送到服务器,由服务器处理后返回响应,浏览器再加载为新的网页。实现这一过程通常需要使用 PHP 或 Ruby 等后端编程语言。
借助 JavaScript,你可以在数据发送到外部服务器之前,直接在浏览器中处理表单及其数据。你可以提示用户输入错误,根据输入内容提供建议,甚至实现更多交互功能。谁说表单一定枯燥无味?