新增表单

之前的教程中已经简单的介绍过了表单,早期的网页中为了实现复杂的交互效果,通常需要使用 div+css 模拟复杂的表单类型实现类似日期、滑块条、颜色选择等效果。HTML5 标准中考虑到这种情况,增加了不少的复杂表单效果。本章主要介绍 HTML5 新增的几种增强的表单类型。

1. email

此类型的表单跟普通 text 类型的表单类型表现方式一致,只是在输入完成之后如果不符合 email 类型浏览器会有提示,且不允许提交,定义方式如下:

<input type=email>

以下实例使用 email 类型的表单实现了一个简单的注册功能:

实例演示
预览 复制