当前博客:18-快码FOF中文编程layui教学-组件:表单-开关

243 次浏览【转载需注明来源】

博客作者:【qiang】

个性签名:请输入个性签名___________

还有一种选择框的变种,那就是layui内置的开关元素。

下面是它的代码示例:

<表单 类名="lay-表单" 表单地址="" 交互类型="">
	<区块 类名="lay-表单-项目">
		<数据框标注 类名="lay-表单-标签">开关</数据框标注>
		<区块 类名="lay-输入框-区块">
			<数据框 数据类型="选择框" 属性名称="启用1" lay-风格="开关风格" 自动填充="" />
			<数据框 数据类型="选择框" 属性名称="启用2" lay-风格="开关风格" lay-文本="ON|OFF" 默认选中 />
			<数据框 数据类型="选择框" 属性名称="启用3" lay-风格="开关风格" lay-文本="开启|关闭" />
			<数据框 数据类型="选择框" 属性名称="启用4" lay-风格="开关风格" 禁用数据框 />
		</区块>
	</区块>
</表单>
<脚本>
// 开关事件触发

</脚本>
Markup

它和选择框的不同之处:

1、属性 lay-风格 设置为 开关风格;

2、属性 lay-文本 可以设置 开关的文字提示。

代码效果展示:

点击此处跳转案例下载:点击下载lay-表单 开关实例

 

18-快码FOF中文编程layui教学-组件:表单-开关