当前博客:17-快码FOF中文编程layui教学-组件:表单-选择框

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

博客作者:【qiang】

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

选择框同样要写在类名 lay-表单 的容器里面,才会有内置的选择框样式。

下面是代码示例:

<表单 类名="lay-表单" 表单地址="" 交互类型="">
	<区块 类名="lay-表单-项目">
		<数据框标注 类名="lay-表单-标签">复选框</数据框标注>
		<区块 类名="lay-输入框-区块">
			<数据框 数据类型="选择框" 属性名称="爱好[写作]" 提示信息="写作" />
			<数据框 数据类型="选择框" 属性名称="爱好[阅读]" 提示信息="阅读" 默认选中 />
			<数据框 数据类型="选择框" 属性名称="爱好[发呆]" 提示信息="发呆" 禁用数据框 />
			<数据框 数据类型="选择框" 属性名称="爱好[编程]" lay-风格="原始风格" 提示信息="编程" />
			<数据框 数据类型="选择框" 属性名称="爱好[画画]" lay-风格="原始风格" 提示信息="画画" />
			<数据框 数据类型="选择框" 属性名称="爱好[八卦]" lay-风格="原始风格" 提示信息="八卦" 禁用数据框 />
		</区块>
	</区块>
</表单>

新出现的属性:

1、lay-风格  这个属性就代表着这个元素有多种风格可以设置,上面的选择框就只有默认风格(可不填)和原始风格。

代码效果展示:

点击此处跳转案例下载:点击下载lay-表单 选择框实例

17-快码FOF中文编程layui教学-组件:表单-选择框