在下面的示例中我们使用类以

Arzina988

前必须填写或检查哪些字段而类只会让用户在尝试提交后知道字段是否丢失。无论您使用哪个类已填写的输入字段将具有绿色边框而尚未填写的输入字段将具有红色边框。如果您想准确地告诉用户缺少哪些信息以及已成功提供哪些信息那么您甚至可以添加和消息。便用户知道是否缺少任何内容。以下是您需要添加到的中的。这是您需要添加到的下方的起始。结果如下表单验证示例图片来源帮助文本表单示例最适。

合在用户填写表单之前主动向他们提供指导向填写表单的用户提供可操作反馈的另一种方法是包含帮助文本。例如您可以在密码输入字段下方或旁边明确说明密码要求。您可以通过将类应用于块级或内联元素来实现此目的。确保包含属性以便屏 手机号码数据 幕阅读器等辅助技术可以理解并向用户朗读帮助文本。以下是您在电子邮件地址输入之后复选框之前添加的代码结果如下帮助文本示例表单提供了正确填写密码的说明图片来源禁用表单示例最适合防。



止用户与问题或表单部分进行交互假设您想要禁用表单的某个选项或部分使其无法单击且无法使用。您可以在单个输入上添加禁用的布尔属性以防止用户交互并使其显得更轻或者您可以将其添加到元素以指定相关表单元素组被禁用。这是禁用字段集的代码结果如下带有禁用字段集的引导表单示例因此用户无法完成并提交表单图片来源复选框和单选表单示例最适合要求用户在列表中选择一个或多个选项通过添加复选框和单选按钮等交互元素您。