当前博客：16-快码FOF中文编程layui教学-组件：表单-下拉列表

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

收藏内容 (0) (0)

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

除了数据框之外，下拉列表也是表单常用元素之一，下拉列表和普通的下拉列表一样的写法，但是只有在类名 lay-表单容器里面，才会有layui内置的下拉列表样式。

下面是代码示例：

<表单 类名="lay-表单" 表单地址="" 交互类型="">
	<区块 类名="lay-表单-项目">
		<数据框标注 类名="lay-表单-标签">选择框</数据框标注>
		<区块 类名="lay-输入框-区块">
			<下拉列表 属性名称="城市" lay-验证="必填项">
				<列表选项 列表值=""></列表选项>
				<列表选项 列表值="0">北京</列表选项>
				<列表选项 列表值="1">上海</列表选项>
				<列表选项 列表值="2">广州</列表选项>
				<列表选项 列表值="3">深圳</列表选项>
				<列表选项 列表值="4">杭州</列表选项>
			</下拉列表>
		</区块>
	</区块>
</表单>

强调：下拉列表一定要在类名 lay-表单容器里面。

代码效果展示：