输入框

系统内置了多种输入框,满足大部分业务场景,同时支持html原生的属性。如placeholder ,style,class,readonly,disable等

单行输入框

            
        

参数说明

配置项 说明 默认值
col 栅栏,当前字段的宽度 1到12
alias 表的别名
item_desc 下方的注释
top_desc 上方的注释,主要用于富文本
jdbctype 数据库字段类型 NUMBER, NUMBERNULL, DATE_TO_NUMBER, VARCHAR, DATE, DATETIME, CLOB , BODY, NUMBER0, NUMBER1, NUMBER2 , NUMBER3, NUMBER4
lay_verify layui原生验证 required|phone|number 图片:{"required":true,"acceptMime":"image/jpeg, image/jpg","exts":"jpg|jpeg","max":1,"min":1,"size":200,"width":680,"height":300} 文件:{"required":true,"acceptMime":"image/jpeg, image/jpg","exts":"jpg|jpeg","max":1,"min":1,"size":200,"width":680,"height":300} 参考layui官网
valid_rule jQuery 验证规则 {"required": true, "minlength": 2}
valid_msg 下方的注释 {"required": true, "minlength": "长度{0}"}
help 字段名称上面的提示,一般用不到
其他 参见HTML原生属性

多行输入框

            
        

参数说明

配置项 说明 默认值
col 栅栏,当前字段的宽度 1到12
alias 表的别名
item_desc 下方的注释
top_desc 上方的注释,主要用于富文本
jdbctype 数据库字段类型 NUMBER, NUMBERNULL, DATE_TO_NUMBER, VARCHAR, DATE, DATETIME, CLOB , BODY, NUMBER0, NUMBER1, NUMBER2 , NUMBER3, NUMBER4
lay_verify layui原生验证 required|phone|number 图片:{"required":true,"acceptMime":"image/jpeg, image/jpg","exts":"jpg|jpeg","max":1,"min":1,"size":200,"width":680,"height":300} 文件:{"required":true,"acceptMime":"image/jpeg, image/jpg","exts":"jpg|jpeg","max":1,"min":1,"size":200,"width":680,"height":300} 参考layui官网
valid_rule jQuery 验证规则 {"required": true, "minlength": 2}
valid_msg 下方的注释 {"required": true, "minlength": "长度{0}"}
help 字段名称上面的提示,一般用不到
其他 参见HTML原生属性

简约富文本,简洁的富文本,功能较少,适应于文字+图片类的

            
        

参数说明

配置项 说明 默认值
col 栅栏,当前字段的宽度 1到12
alias 表的别名
item_desc 下方的注释
top_desc 上方的注释,主要用于富文本
jdbctype 数据库字段类型 NUMBER, NUMBERNULL, DATE_TO_NUMBER, VARCHAR, DATE, DATETIME, CLOB , BODY, NUMBER0, NUMBER1, NUMBER2 , NUMBER3, NUMBER4
lay_verify layui原生验证 required|phone|number 图片:{"required":true,"acceptMime":"image/jpeg, image/jpg","exts":"jpg|jpeg","max":1,"min":1,"size":200,"width":680,"height":300} 文件:{"required":true,"acceptMime":"image/jpeg, image/jpg","exts":"jpg|jpeg","max":1,"min":1,"size":200,"width":680,"height":300} 参考layui官网
valid_rule jQuery 验证规则 {"required": true, "minlength": 2}
valid_msg 下方的注释 {"required": true, "minlength": "长度{0}"}
help 字段名称上面的提示,一般用不到
其他 参见HTML原生属性

tinymce全功能文本,集成了批量上传图片

            
        

参数说明

配置项 说明 默认值
col 栅栏,当前字段的宽度 1到12
alias 表的别名
item_desc 下方的注释
top_desc 上方的注释,主要用于富文本
jdbctype 数据库字段类型 NUMBER, NUMBERNULL, DATE_TO_NUMBER, VARCHAR, DATE, DATETIME, CLOB , BODY, NUMBER0, NUMBER1, NUMBER2 , NUMBER3, NUMBER4
lay_verify layui原生验证 required|phone|number 图片:{"required":true,"acceptMime":"image/jpeg, image/jpg","exts":"jpg|jpeg","max":1,"min":1,"size":200,"width":680,"height":300} 文件:{"required":true,"acceptMime":"image/jpeg, image/jpg","exts":"jpg|jpeg","max":1,"min":1,"size":200,"width":680,"height":300} 参考layui官网
valid_rule jQuery 验证规则 {"required": true, "minlength": 2}
valid_msg 下方的注释 {"required": true, "minlength": "长度{0}"}
help 字段名称上面的提示,一般用不到
其他 参见HTML原生属性

隐藏域

            
        

数字输入框

            
        

参数说明

配置项 说明 默认值
col 栅栏,当前字段的宽度 1到12
alias 表的别名
item_desc 下方的注释
top_desc 上方的注释,主要用于富文本
jdbctype 数据库字段类型 NUMBER, NUMBERNULL, DATE_TO_NUMBER, VARCHAR, DATE, DATETIME, CLOB , BODY, NUMBER0, NUMBER1, NUMBER2 , NUMBER3, NUMBER4
lay_verify layui原生验证 required|phone|number 图片:{"required":true,"acceptMime":"image/jpeg, image/jpg","exts":"jpg|jpeg","max":1,"min":1,"size":200,"width":680,"height":300} 文件:{"required":true,"acceptMime":"image/jpeg, image/jpg","exts":"jpg|jpeg","max":1,"min":1,"size":200,"width":680,"height":300} 参考layui官网
valid_rule jQuery 验证规则 {"required": true, "minlength": 2}
valid_msg 下方的注释 {"required": true, "minlength": "长度{0}"}
help 字段名称上面的提示,一般用不到
其他 参见HTML原生属性