Layui layui表单必填项带*样式

Posted richerdyoung

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Layui layui表单必填项带*样式相关的知识,希望对你有一定的参考价值。

直接上代码


.layui-form-label.layui-required:after{
        content:"*";
        color:red;
        position: absolute;
        top:5px;
        left:15px;
    }
<div class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label layui-required">消息标题:</label>
<div class="layui-input-block">
         <input type="text" name="name" autocomplete="off" placeholder="请输入消息标题" class="layui-input">
</div>
</div>
</div>

效果
技术图片

以上是关于Layui layui表单必填项带*样式的主要内容,如果未能解决你的问题,请参考以下文章

Layuilayui 单选框多选框radio 元素判断是必填项 lay-verify=‘required‘

Layuilayui 单选框多选框radio 元素判断是必填项 lay-verify=‘required‘

Layuilayui 单选框多选框radio 元素判断是必填项 lay-verify=‘required‘

Vue Elementui 表单必填项和非必填项label文字对齐(左对齐)

lay-verify进行非必填项校验

layui修改表单验证规则