layuimini如何在輸入框前面加紅心，表示它為必填項

一、未修改前

1.  原代碼：

<form class="layui-form" action="">
 <div class="layui-form-item">
 <label class="layui-form-label">單行輸入框</label>
 <div class="layui-input-block">
 <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="請輸入標題" class="layui-input">
 </div>
 </div>
 <div class="layui-form-item">
 <label class="layui-form-label">驗證必填項</label>
 <div class="layui-input-block">
 <input type="text" name="username" lay-verify="required" lay-reqtext="用戶名是必填項，豈能為空？" placeholder="請輸入" autocomplete="off" class="layui-input">
 </div>
 </div>
2. 原效果

 

 二、進行修改

1. 在form標簽里的class加上layuimini-form

2. 在label標簽里的class加上required

3. 修改后的代碼如下：

 

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
 <legend>表單集合演示</legend>
</fieldset>

<form class="layui-form layuimini-form" action="">
 <div class="layui-form-item">
 <label class="layui-form-label required">單行輸入框</label>
 <div class="layui-input-block">
 <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="請輸入標題" class="layui-input">
 </div>
 </div>
 <div class="layui-form-item">
 <label class="layui-form-label required">驗證必填項</label>
 <div class="layui-input-block">
 <input type="text" name="username" lay-verify="required" lay-reqtext="用戶名是必填項，豈能為空？" placeholder="請輸入" autocomplete="off" class="layui-input">
 </div>
 </div
4. 修改后效果：