layui弹出层

Original 2019-02-13 14:13:14 342
abstract:<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="./layui/css/layui.css"> <script

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

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

<script type="text/javascript" src="./layui/layui.js"></script>

<title>添加文章页面</title>

</head>

<body>

<form class="layui-form" action="">

  

  <div class="layui-form-item">

    <label class="layui-form-label">用户名</label>

    <div class="layui-input-inline">

      <input type="password" name="password" class="layui-input">

    </div>

  </div>

  <div class="layui-form-item">

    <label class="layui-form-label">用户名</label>

    <div class="layui-input-inline">

      <input type="password" name="password" class="layui-input">

    </div>

  </div>

  <div class="layui-form-item">

    <label class="layui-form-label">用户名</label>

    <div class="layui-input-inline">

      <input type="password" name="password" class="layui-input">

    </div>

  </div>


    <div class="layui-form-item">

    <label class="layui-form-label">选择框</label>

    <div class="layui-input-inline">

      <select name="city" lay-verify="required">

        <option value=""></option>

        <option value="0">北京</option>

        <option value="1">上海</option>

        <option value="2">广州</option>

        <option value="3">深圳</option>

        <option value="4">杭州</option>

      </select>

    </div>

  </div>

   <div class="layui-form-item">

  <label class="layui-form-label">状态</label>

  <div class="layui-input-block">

    <input type="radio" name="sex" value="nan" title="禁用">

    <input type="radio" name="sex" value="nv" title="发布" checked>

  </div>

</div>

  <div class="layui-form-item layui-form-text">

    <label class="layui-form-label">文本域</label>

    <div class="layui-input-block">

      <textarea name="desc" placeholder="请输入内容" class="layui-textarea" style="width: 300px;height:200px;"></textarea>

    </div>

  </div>

  <button class="layui-btn" style="margin-left:55px;">添加新闻</button>

</form>

<script>

//Demo

layui.use('form', function(){

  var form = layui.form;

 

});

</script>

</body>

</html>


Correcting teacher:灭绝师太Correction time:2019-02-13 15:42:14
Teacher's summary:必要的地方敲上备注,熟练使用后就不用耽误时间翻文档了

Release Notes

Popular Entries