layui 폼 기본 스타일 (수필)

10459 단어 필기
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>  </title>


<link rel="stylesheet" href="layui/css/layui.css" />

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="layui/layui.all.js"></script>
<script type="text/javascript">
        $(document).ready(function () {
            layui.use('form', function(){
              		
                    layui.form.render();   //    ,            
            })
          })
</script>

</head>

<body>
<form class="layui-form">
<div class="layui-form-item">
            <label class="layui-form-label layui-bg-red layui-center">   </label>
            <div class="layui-input-block">
                <input type="text" name="filename" placeholder="   " autocomplete="off" class="layui-input filename">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-red layui-center">    </label>
            <div class="layui-input-block">
                <input type="text" name="filepath" placeholder="   " autocomplete="off" class="layui-input filepath">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-green layui-center">   </label>
            <div class="layui-input-block">
                <select name="previousid" id="menuname" lay-search>
                    <option value="" style="width:50px" class="menuid">      </option>
                </select>

            </div>
        </div>

</form>
</body>

</html>

좋은 웹페이지 즐겨찾기