3.6　案例实战

下面通过两个案例练习HTML5表单在页面中的应用。

3.6.1　设计HTML5注册表单

视频讲解

本节示例将利用HTML5新的表单功能，设计一个简单的用户注册的界面，注册项目包括用户名、密码、出生日期、国籍、保密问题等内容。本例在Opera浏览器中的运行效果如图3.58所示。

图3.58　设计HTML5注册表单

具体代码解析请扫码学习。

线上阅读

3.6.2　设计HTML5验证表单

视频讲解

本节示例将利用HTML5表单内建校验机制，设计一个表单验证页面，效果如图3.59所示。

图3.59　设计HTML5验证表单

具体操作步骤请扫码学习。

线上阅读