23、优化网页表单：HTML5 与 jQuery 的应用

优化网页表单：HTML5 与 jQuery 的应用

1. HTML5 表单简介

在处理网页表单时，其复杂性不言而喻。不过，HTML5 的出现为设计师、开发者和网站访问者带来了更好的体验。HTML5 新增的表单元素和属性在浏览器中的支持情况越来越好，而且这些新元素和属性具有向后兼容性，即使在不支持的浏览器中也能正常工作。

1.1 表单工作原理及实现方式

网页表单本身无法独立工作，它需要服务器端的编程来收集和处理表单数据，比如将数据写入数据库或通过电子邮件发送。如果想在项目中添加一个可正常工作的表单，有以下几种选择：
- 学习服务器端编程 ：但这超出了本文的范围。
- 使用内容管理系统（CMS） ：如 Drupal、WordPress 和 Joomla，它们通常在核心功能或插件中包含表单处理功能。
- 聘请服务器端开发者 ：或者与开发者合作，用设计技能交换他们的编码技能。
- 使用网页表单服务 ：例如 WuFoo（http://wufoo.com），作者多年使用都没有问题。

1.2 创建 HTML5 网页表单的步骤

以下是使用 HTML5 新元素和属性设置表单的具体步骤：
1. 创建基本表单结构 ：

<form action="#" id="account-form">
</form>