📜  salesforce 闪电光环添加红色星号为<lightning:input - Html Code Example(1)

📅  最后修改于: 2023-12-03 15:34:47.907000             🧑  作者: Mango

在 Salesforce 闪电光环中添加红色星号为lightning:input

概述

在 Salesforce 闪电光环中,我们可以使用<lightning:input>标签来创建输入表单。然而,有时候我们需要标示一些必填项,以便用户能够识别必填字段并填写必要信息。在这种情况下,我们可以添加红色星号来标注必填项。

本文将向您展示如何添加红色星号为 <lightning:input>

步骤
  1. 首先,在您的<lightning:input>标签中添加required属性:

    <lightning:input label="Name" required="true" />
    
  2. 接下来,您需要使用 CSS 来添加红色星号。以下是 CSS 代码,可以使用以下代码在您的组件中添加一个红色星号:

    <style>
      .required:after { 
        color: red; 
        content: " *"; 
      }
    </style>
    
  3. 最后,在您的<lightning:input>标签中添加class="required"属性:

    <lightning:input label="Name" required="true" class="required" />
    

现在您已经成功添加了红色星号来标示必填项,在表单中旁边显示红色星号,并且只要用户没有填写这些必填项,表单提交按钮就会被禁用。

结论

在 Salesforce 闪电光环中,通过以上步骤,我们可以轻松实现在<lightning:input>标签旁边添加红色星号来标示必填项。这样,用户可以快速识别必填字段并填写必要信息。