表单集合演示
1.先创建一个LayUI表单。
2.然后表单中的每一元素放于面板类型为“表单行区块layui_form_item”的面板上。
3.如果一行有多个元素的,还要创建面板类型为“定义外层行内layui_inline”的面板,将该行的元素放于其上。
4.如果要想改变元素默认的宽度,可以修改元素的属性“自定义宽度”。
-
范围输入
请填写6到12位密码,规则定义参看“自定义验证规则”属性。
可以搜索的选择框
此处只是演示联动排版,并未做联动交互
赋值和取值
1.请先在当前“表单”属性“更多参数”->“附加内容”中增加过滤代码“lay-filter="example"”,以识别身份。
2.再在当前“表单”属性“更多参数”->“相关JS代码”中编写“赋值”、“取值和“立即提交”按钮执行代码。
请填写6到12位密码,规则定义参看“自定义验证规则”属性。
方框风格的表单集合
1.请先在当前“表单”属性“更多参数”->“附加内容”中增加过滤代码“lay-filter="example"”,以识别身份。
2.再在当前“表单”属性“更多参数”->“相关JS代码”中编写“赋值”、“取值和“立即提交”按钮执行代码。
3.把所有元素放到“面板类型"为“方框风格表单layui_form_pane”的面板上,该面板当然要放在Form上。
4.“复选框”、“开关式”和“单选框”,因一行有多个元素,所以要在面板类型为“表单行区块layui_form_item”的面板的属性“更多参数”->“附加内容”中加上“pane=""”。
5.“文本域”,要在面板类型为“表单行区块layui_form_item”的面板的属性“更多参数”->“附加class”中加上“layui-form-text”。
请填写6到12位密码,规则定义参看“自定义验证规则”属性。