HTML5表单实战：注册和登录验证

2023-10-28 理论教育版权反馈

【摘要】：在HTML4中提供了“text”“password”“radio”“checkbox”“submit”等，这些表单控件提供了不同类型的功能，但是一些数据的验证工作还需要结合Javascript等脚本语言来实现。HTML5中的元素和特性提供了更加强大的语义标记，其中关于表单的修改令人眼前一亮。

本章重点知识

3.1 表单新控件详解

3.2 构建表单用户界面

3.3 表单验证

3.4 注册和登录实战

在HTML4中，实现表单信息的录入需要用到的标签有input标签、select标签、option标签、textarea标签、label标签等，通过input的type属性可以调整输入框的类型。在HTML4中提供了“text”“password”“radio”“checkbox”“submit”等，这些表单控件提供了不同类型的功能，但是一些数据的验证工作还需要结合Javascript等脚本语言来实现。

HTML5中的元素和特性提供了更加强大的语义标记，其中关于表单的修改令人眼前一亮。其中有很多特性功能都非常实用，比如可以像在Word里面一样通过色板选择某种颜色，或者直接选择一个日期。此外，还有一些非常好用的属性，比如单击清除的属性，正则验证属性。虽然在不同的浏览器上的支持各有不同，但是这些新功能还是很值得我们去学习。(www.chuimin.cn)

本章内容包括：

3.1：关于表单新的控件类型的详细介绍，包括form标签与input的标签的新写法，email输入类型、url输入类型、日期相关输入类型、time输入类型、range输入类型、search输入类型、color输入类型、datalist标签等。

3.2：结合HTML5表单特性，制作一个登录页面和一个注册页面。

3.3：了解新的表单验证功能和属性，如autofocus属性、placeholder属性、autocomplate属性、novalidate属性、multiple属性、required属性、pattern属性、autocomplete属性等，并且将这些属性添加到我们所写的页面中。

3.4：完成一个完整的登录注册设计流程。

HTML5表单实战：注册和登录验证

相关推荐