layui
    .config({
        base: "./libs/layui_exts/",
    })
    .extend({
        inputAttr: "inputAttr/js/index",
    });

<div class="layui-form">
    <div class="layui-form-item">
        <div class="layui-form-label">带删除按钮</div>
        <div class="layui-input-block">
            <!-- 添加 clearable 属性, 赋予输入框删除内容的能力, 仅对 input 标签生效-->
            <input type="text" placeholder="输入点东西看看" value="作者真给力!" class="layui-input" clearable />
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-form-label">字数统计</div>
        <div class="layui-input-block">
            <!-- 添加 show-word-limit 属性, 赋予输入框统计字数+限制字数的能力-->
            <!-- input 和 textarea 都可用! 设置 show-word-limit 必须要设置 maxlength -->
            <input type="text" placeholder="输入点东西看看" value="酷啊! Nice!" maxlength="20" class="layui-input" show-word-limit />
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-form-label">字数统计</div>
        <div class="layui-input-block">
            <!--  不废话了, 同理-->
            <textarea rows="3" class="layui-textarea" placeholder="输入点东西看看" maxlength="500" show-word-limit>亲亲抱抱举高高 (づ￣3￣)づ╭❤～</textarea>
        </div>
    </div>
</div>

layui.use(["inputAttr"], function () {
    var inputAttr = layui.inputAttr;

    // 最简单的调用方式, 你啥参数都不要传递
    // 初始化一下就好了
    // 如果你铁了心要加参数也无妨, 去啃文档吧, 几分钟的事情...
    // inputAttr.init(); <- v1.x 写法, v2.x 开始变更为 render
    input.render();
});

layui.use(["inputAttr"], function () {
    var inputAttr = layui.inputAttr;

    // 最简单的调用方式, 你啥参数都不要传递
    // 初始化一下就好了
    // 如果你铁了心要加参数也无妨, 去啃文档吧, 几分钟的事情...
    inputAttr.render({
        // 重新定义根节点
        root: ".layui-form",
        // 事件托管
        event: {
            // 当点击清除按钮内容被清理
            clearable: function (event, dom) {
                console.log({ event: event, dom: dom });
            },
        },
    });
});