在本文中，我们将了解 HTML 表单字段和 HTML5 提供的验证选项。我们还将了解如何通过使用 CSS 和 JavaScript 来增强这些功能。 Backward Skip 10s Play Video Forward Skip 10s 什么是约束验证？ 每个表单字段都有一个目的。而这个目的通常受到限制——或者说控制每个表单字段中应该和不应该输入什么内容的规则。例如，某个email字段需要有效的电子邮件地址；字段password可能需要某些类型的字符，并且具有所需字符的最小数量；并且文本字段可能对可以输入的字符数有限制。 现代浏览器能够检查用户是否遵守这些约束，并在违反这些规则时向他们发出警告。这称为约束验证。 客户端与服务器端验证 该语言早期编写的大部分 JavaScript 代码都处理客户端表单验证。即使在今天，开发人员仍花费大量时间编写函数来检查字段值。
这在现代浏览器中还有必要吗？可能不会。在大多数情况下，这实际上取决于您想要做什么。 Learn to Code with JavaScript 但首先，这是一个重要的警告信息： 客户端验证是一个很好的功能，可以在应用程序浪费时间和带宽将数据发送到服务器之前防止常见的数据输入错误。它不能替代 决策者电子邮件列表 服务器端验证！ 始终清理服务器端的数据。并非每个请求都来自浏览器。即使这样，也不能保证浏览器验证了数据。任何知道如何打开浏览器开发工具的人都可以绕过您精心设计的 HTML 和 JavaScript。 HTML5 输入字段 HTML 提供选项的下拉列表 用于...按钮 但您最常使用的是该type属性设置控件类型，并且有很多选项可供选择 type 描述 button 没有默认行为的按钮 checkbox 一个复选框 color 颜色选择器 date 年、月、日的日期选择器 datetime-local 日期和时间选择器 email 电子邮。
件输入字段 file 文件选择器 hidden 隐藏字段 image src显示由属性定义的图像的按钮 month 月份和年份选择器 number 数字输入字段 password 带有模糊文本的密码输入字段 radio 一个单选按钮 range 滑块控件 reset 将所有表单输入重置为其默认值的按钮（但避免使用此按钮，因为它很少有用） search 搜索输入字段 submit 表单提交按钮 tel 电话号码输入字段 text 文本输入字段 time 没有时区的时间选择器 url URL 输入字段 week 周数和年份选择器 t器不支持某个选项，则浏览器将回退到。现代浏览器对所有类型都有良好的支持，但旧的浏览器仍会显示文本输入字段。 Learn to Code with JavaScript 其他有用的属性包括： 属性 描述 accept 文件上传类型 alt 图像类型的替代文本 autocomplete 字段自动完成提示 autofocus 页面加载时的焦点字段 capture 媒体捕捉。
發表於 14:49:44
