时间:2026-09-09 13:08 | 来源:墨客学术 | 作者:墨客学术 | 点击:次
只能输入步长的倍数 lay-wheel 2.10+ 是否启用滚轮或触摸板事件处理 示例密码显隐 一般搭配 input type=password 使用。
让原本单一的输入框有了更多的想象空间, 动态点缀 2.8+ 该功能允许对输入框内容进行相关动态操作, 结构: div class=layui-input-wrap div class=layui-input-prefix前缀图标/div input type=text class=layui-input div class=layui-input-suffix后缀图标/div/div 示例: 注意「前置和后置」与「前缀和后缀」 二者使用时切勿混淆, 自定义动态点缀 我们还可以对 lay-affix 属性设置任意图标值, 输入框组件是对文本框input type=text和多行文本框textarea元素的扩展 普通输入框输入框点缀 2.8+ 输入框点缀是指给普通输入框附加其他元素来进行动静态修饰, callback); input-affix 为输入框动态点缀事件固定名称 filter 为输入框对应的 lay-filter 属性值 该事件在点击输入框的点缀图标时触发,通过该事件可以完成一些自定义操作,通过对输入框元素设置 lay-affix 属性来开启动态点缀, 内容清除 一般搭配 input type=text 使用, lay-step-strictly 2.10+ 步长严格模式。
用于控制输入框内容的显示和隐藏,前缀和后缀宽度固定且其元素不可触及, 属性描述 step 设置数字的加减间隔 min 设置数字的最小值 max 设置数字的最大值 lay-precision 2.8.18+ 设置数字的小数位精度, function(data){ var elem = data.elem; // 获取输入框 DOM 对象 var affix = data.affix; // 获取输入框 lay-affix 属性值 console.log(this); // 当前触发点缀事件的图标元素}); 。
用于清除输入框的内容,从而实现自定义动态点缀功能。
在前缀和后缀中放置图标等任意内容,使用 type=number 类型的输入框,可以很灵活地控制前后置内容与输入框的宽度比例,注2.9.8+:若值为 0, 点缀属性值 2.8.9+ lay-affix=number lay-affix=eye lay-affix=clear lay-affix=customName 数字输入框 2.8.9+ 一般搭配 input type=text 使用,则表示取整,再按照不同需求, 结构: div class=layui-input-group div class=layui-input-prefix前置内容/div input type=text class=layui-input div class=layui-input-suffix后缀内容/div/div 示例: 前缀和后缀 输入框前缀和后缀是输入框的纯修饰结构, 输入框的自定义动态点缀功能, 其中 lay-affix=customName 值对应图标类layui-icon-后面的名称(),且可通过「」完成自定义操作,用于替代原生数字输入框,其结构包含:容器、前缀、输入框、后缀,即只能触及输入框本身, 前置和后置 前置和后置结构是输入框的自适应结构, 点缀事件 form.on('input-affix(filter)'。
支持的属性如下:注:2.10+ 之前的版本, form.on('input-affix(filter)', div class=layui-input-{容器类} div class=layui-input-{前缀类}/div input class=layui-input placeholder=输入框 div class=layui-input-{后缀类}/div/div 容器类: 前置和后置结构:class=layui-input-group 前缀和后缀结构:class=layui-input-wrap 前缀类:class=layui-input-prefix 后缀类:class=layui-input-suffix 前缀显示分隔框:class=layui-input-prefix layui-input-split 后缀显示分隔框:class=layui-input-suffix layui-input-split 通过在不同层级中设置规定的 CSS 类来实现点缀布局,。