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

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

收藏内容 (0) (0)

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

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

下面是它的代码示例：

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

</脚本>

它和选择框的不同之处：

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

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

代码效果展示：