layui表单——搜索选择框

效果如下图:

代码如下:

<link rel="stylesheet" href="../static/thirdparty/layui-v2.4.5/css/layui.css"  media="all">
<form class="layui-form" action="" style="width: 300px;">
    <div class="layui-form-item">
        <label class="layui-form-label">矿的种类</label>
        <div class="layui-input-block">
            <select class="ttt" name="modules" lay-verify="required" lay-search="">
                <option value="">直接选择或搜索选择</option>
                <option value="1">金矿</option>
                <option value="2">矿泉水</option>
                <option value="3">石油</option>
                <option value="3">煤炭</option>
            </select>
        </div>
    </div>
</form>

<!--此处JS必须在最后引入,否则不能达到效果-->
<script src="../static/thirdparty/layui-v2.4.5/layui.all.js" charset="utf-8"></script>

猜你喜欢

转载自blog.csdn.net/u013517229/article/details/89211603