password-intensity
/
index.html

<!DOCTYPE html>
<html>
<head>
    <title>selectInput</title>
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
    <link rel="stylesheet" type="text/css" href="./lib/layui/css/layui.css"/>
</head>
<body>
<div class="layui-form layui-container" style="padding: 20px">

    <div class="layui-form-item">
        <label class="layui-form-label">密码框</label>
        <div class="layui-input-block">
            <input type="password" id="password" name="password" required lay-verify="required" placeholder="请输入密码"
                   autocomplete="off"
                   class="layui-input">
        </div>
    </div>
</div>

</body>
<script src="./lib/layui/layui.all.js"></script>
<script>
    layui.config({base: './lib/modules/'}).extend({
        passwordIntensity: 'passwordIntensity/passwordIntensity'
    }).use(['form', 'passwordIntensity'], function () {
        var $ = layui.$, form = layui.form, passwordIntensity = layui.passwordIntensity;
        var ins = passwordIntensity.render({
            // 容器id，必传参数
            elem: '#password',
            data: '111222',
        });
    });


</script>
</html>