- 首页
- 页面
- 登录页
登录页
登录页使用
page-login 全屏定位（居中卡 + 渐变底），配合表单引擎实现校验与提交，属核心组件无需额外插件。
基本结构
<body class="page-login">
<div class="container">
<div class="login">...</div>
</div>
</body>
表单域
<input type="text" name="*username" class="form-input form-inputuser" placeholder="用户名">
<input type="password" name="*password" class="form-input form-inputpwd" placeholder="密码">
<button type="button" class="btn btn-index form-submit" data-url="login.php">登 录</button>
用户名处 message cb=newtip 提示、pwd 处 note cb=newtip 提示由表单引擎处理，勿自行加内联事件。
登录卡演示
<div class="login text-center">
<i class="kq-kq-safe-ico login-icon"></i>
<h1 class="label label-index fontw-6">登录</h1>
<form data-form="loginForm">
<input type="text" name="*username" class="form-input form-inputuser" placeholder="用户名">
<input type="password" name="*password" class="form-input form-inputpwd" placeholder="密码">
<div class="login-btns">
<button type="button" class="btn btn-index form-submit" data-url="login.php">登 录</button>
<button type="button" class="btn btn-index-hollow form-cancel">重 置</button>
</div>
</form>
</div>
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页