首先先说一下input的各个属性：
class="layui-input"-------将input定义为layui样式，
name="finishdate"-------规定了input的名称，只有设置了 name 属性的表单元素才能在提交表单时传递它们的值，
lay-verify="required"-------表单验证(在js中书写form.verify()方法对自定义的标签值进行校验 ),
placeholder------input的填充
autocomplete------属性规定输入字段是否应该启用自动完成功能(当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项),
再说一下弹出层layer：
在做项目时我把一个input的表单放在layer里面显示，然后说一下layer各个参数的用法：
1.type: 类型：number，默认为0
layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）。 若你采用layer.open({type: 1})方式调用，则type为必填项（信息框除外）
2.title: 类型：String/Array/Boolean，默认：'信息'
title支持三种类型的值，若你传入的是普通的字符串，如title :'我是标题'，那么只会改变标题文本；若你还需要自定义标题区域样式，那么你可以title: ['文本', 'font-size:18px;']，数组第二项可以写任意css样式；如果你不想显示标题栏，你可以title: false。
3.content: 类型：String/DOM/Array，默认：''
content可传入的值是灵活多变的，不仅可以传入普通的html内容，还可以指定DOM，更可以随着type的不同而不同。
4.area: 类型：String/Array，默认：'auto'
默认状态下，layer弹出层的宽高是自适应的，但当只想定义宽度时，你可以area: '500px'，高度仍然是自适应的。当宽高都要定义时，你可以area: ['500px', '300px']
5.btn: 类型：String/Array，默认：'确认'
信息框模式时，btn默认是一个确认按钮，其它层类型则默认不显示，加载层和tips层则无效。当您只想自定义一个按钮时，你可以btn: '我知道了'，当你要定义两个按钮时，你可以btn: ['yes', 'no']。当然，你也可以定义更多按钮，比如：btn: ['按钮1', '按钮2', '按钮3', …]，按钮1和按钮2的回调分别是yes和cancel，而从按钮3开始，则回调为btn3: function(){}，以此类推。
6.btnAlign - 按钮排列
你可以快捷定义按钮的排列位置，btnAlign的默认值为r，即右对齐。该参数可支持的赋值如下：
btnAlign: 'l' 按钮左对齐
btnAlign: 'c' 按钮居中对齐
btnAlign: 'r' 按钮右对齐。默认值，不用设置
7.maxmin:最大最小化
该参数值对type:1和type:2有效。默认不显示最大小化按钮。需要显示配置maxmin: true即可
8.fixed - 固定
类型：Boolean，默认：true
即鼠标滚动时，层是否固定在可视区域。如果不想，设置fixed: false即可
9.resize - 是否允许拉伸
类型：Boolean，默认：true
默认情况下，你可以在弹层右下角拖动来拉伸尺寸。如果对指定的弹层屏蔽该功能，设置 false即可。该参数对loading、tips层无效
layui--table格式：
详见layui-table的相关问题
网友评论