layui关于form表单模块之select带搜索功能

layui默认

<div class="layui-form-item">
    <label for="" class="layui-form-label">wa</label>
    <div class="layui-input-block">
        <select name="city" lay-verify="" lay-search>
            <option value="">带搜索功能的下拉框</option>
            <option value="021">form</option>
            <option value="0571">layim</option>
            <option value="021">form</option>
            <option value="0571">layim</option>
            <option value="021">form</option>
            <option value="0571">layim</option>
            <option value="021">form</option>
            <option value="0571">layim</option>
        </select>
    </div>
</div>

效果

在第一个option标签中写placeholder属性

<div class="layui-form-item">
    <label for="" class="layui-form-label">wa</label>
    <div class="layui-input-block">
        <select name="city" lay-verify="" lay-search layui-verfiy="required">
            <option value="0" placeholder="请选择..."></option>
            <option value="021">form</option>
            <option value="0571">layim</option>
            <option value="021">form</option>
            <option value="0571">layim</option>
            <option value="021">form</option>
            <option value="0571">layim</option>
            <option value="021">form</option>
            <option value="0571">layim</option>
        </select>
    </div>
</div>

效果

猜你喜欢

转载自blog.csdn.net/qq_28137309/article/details/82830453
今日推荐