返回LAYUI表单......登陆

LAYUI表单模块

2019-08-09 12:54:47155

<!DOCTYPE html>

<html>

<head>

<title>登录</title>

<!-- 引入核心样式文件 -->

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

<script type="text/javascript" src="../static/plugins/layui/layui.js"></script><!-- 引入基础核心库 -->

</head>

<body style="background:#1E9FFF">

<div style="width: 500px;margin:270px auto 0px; ">

<div style="background: #fff; border-radius: 4px;box-shadow: 5px 5px 20px #4444;padding: 20px;">

<form class="layui-form">

<div class="layui-form-item" style="color: gray" >

<h2>后台管理系统</h2>

</div>

<hr>

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

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

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

      <input type="text"  placeholder="请输入用户名" class="layui-input">

  </div>

</div>

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

  <label class="layui-form-label">密码</label>

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

      <input type="text"  placeholder="请输入密码" class="layui-input">

  </div>

</div>

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

  <label class="layui-form-label">验证码</label>

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

      <input type="text" class="layui-input">

  </div>

  <img src="../yz.png">

</div>

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

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

      <button class="layui-btn" lay-submit lay-filter="formDemo">登录</button>

    </div>

</div>

</form>

</div>

</div>


</body>

</html> 


最新手记推荐

• 新闻模块对应模块的代码• 依赖注入小例子• 模板显示用户信息表,并分页显示• 模板继承,模仿php页面• 模拟用户登录验证的案例 依赖注入 Facade

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网