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

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

博客作者:【qiang】

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

介绍了layui内置的选择框,那就再看一下和选择框差不多的单选框,选择框和单选框的区别就在于一个是可以多选,一个只能选择一项。

layui的单选框也需要在类名 lay-表单 的容器里面运行,要设置单选框的文字需要设置 提示信息 属性。

下面是代码示例:

<表单 类名="lay-表单" 表单地址="" 交互类型="">
	<区块 类名="lay-表单-项目">
		<数据框标注 类名="lay-表单-标签">单选框</数据框标注>
		<区块 类名="lay-输入框-区块">
			<数据框 数据类型="单选框" 属性名称="性别" 数据值="男" 提示信息="男" />
			<数据框 数据类型="单选框" 属性名称="性别" 数据值="女" 提示信息="女" 默认选中 />
		</区块>
	</区块>
</表单>

代码效果展示:

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

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