一個select搜索下拉框簡單的例子：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>layui</title> 6 <meta name="renderer" content="webkit"> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 8 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 9 <link rel="stylesheet" href="layui/layui/css/layui.css" media="all"> 10 <!-- 注意：如果你直接復制所有代碼到本地，上述css路徑需要改成你本地的 --> 11 </head> 12 <body> 13 <form class="layui-form" action=""> 14 <div class="layui-inline"> 15 <label class="layui-form-label">搜索選擇框</label> 16 <div class="layui-input-inline"> 17 <select name="modules" lay-verify="required" lay-search=""> 18 <option value="">直接選擇或搜索選擇</option> 19 <option value="1">layer</option> 20 <option value="2">form</option> 21 <option value="3">layim</option> 22 <option value="4">element</option> 23 <option value="5">laytpl</option> 24 <option value="6">upload</option> 25 <option value="7">laydate</option> 26 <option value="8">laypage</option> 27 <option value="9">flow</option> 28 <option value="10">util</option> 29 <option value="11">code</option> 30 <option value="12">tree</option> 31 <option value="13">layedit</option> 32 <option value="14">nav</option> 33 <option value="15">tab</option> 34 <option value="16">table</option> 35 <option value="17">select</option> 36 <option value="18">checkbox</option> 37 <option value="19">switch</option> 38 <option value="20">radio</option> 39 </select> 40 </div> 41 </div> 42 </div> 43 </form> 44 <script src="layui/layui/layui.js" charset="utf-8"></script> 45 <!-- 注意：如果你直接復制所有代碼到本地，上述js路徑需要改成你本地的 --> 46 <script> 47 layui.use('form',function(){});<!--加載form模塊--> 48 </script> 49 </body> 50 </html>
注意：layui表單的使用依賴加載模塊：form，所以一定要在末尾加上
1 <script>
2 //Demo
3 layui.use('form', function(){
4 var form = layui.form(); 5 6 //do something 7 8 }); 9 </script>
如果不加載form模塊，select、checkbox、radio等將無法顯示，並且無法使用form相關功能