5.2.表单控件v2

更新时间：2020-04-07 09:39:07 作者：米拓建站

###表单代码结构
```html
<form method="POST" action="">
	<div class="metadmin-fmbx">
		控件一
		控件二
		控件三
		....
		<dl>
			<dt><label class='form-control-label'>名称</label></dt>
			<dd>
				// 控件代码
                <span class="text-help">描述文字，用于说明该设置的作用。</span>
			</dd>
		</dl>
		<dl>
			<dt></dt>
			<dd>
				<button type="submit" class='btn btn-primary'>保存</button>
			</dd>
		</dl>
	</div>
</form>
```
| 控件名称  | 说明  |
| ------------ | ------------ |
|[功能分区](../form/shownews.php?id=68 "功能分区")   | 用于在单个页面中选项多的时候划分区域，提升用户体验  |
|[注意事项](../form/shownews.php?id=67 "注意事项")   | 用户给用户较全面的提示信息  |
| [简短文本输入框](../form/shownews.php?id=61 "简短文本输入框")  | 用于输入简短文字  |
| [ 文本输入框](../form/shownews.php?id=62 " 文本输入框") |用于输入较长文字   |
| [编辑器](../form/shownews.php?id=59 "编辑器")  | 加载	`ueditor`百度编辑器`前台不可用`  |
| [单选按钮](../form/shownews.php?id=57 "单选按钮")  | 用于让用户选择一项  |
| [多选按钮](../form/shownews.php?id=56 "多选按钮")  | 用于让用户可选择多个选项  |
| [下拉菜单](../form/shownews.php?id=63 "下拉菜单")  | 用于让用户可以下拉选择一项  |
| [上传组件](../form/shownews.php?id=55 "上传组件")  | 便于用户上传图片或文件  |
| [颜色选择器](../form/shownews.php?id=64 "颜色选择器")  | 便于用户直接选择颜色  |
| [标签增加器](../form/shownews.php?id=58 "标签增加器")  | 便于用户输入多个文字标签，可用于多个邮箱、关键词等等  |
| [滑块](../form/shownews.php?id=65 "滑块")  | 可以让用户拖动滑块选择对应的数值  |
| [日期选择器](../form/shownews.php?id=66 "日期选择器")  |  便于选择具体日期 |
| [联动菜单](../form/shownews.php?id=53 "联动菜单")  |  可自定义菜单数据的联动菜单，默认包含中国城市数据 |
|[动态隐藏显示选项](../form/shownews.php?id=54.html "动态隐藏显示选项")   |根据单选、多选的操作实现动态显示指定选项   |
| [模态对话框](../form/shownews.php?id=60 "模态对话框")  | 可以替代alert，轻松实现更为丰富的交互体验  |
---

文档中心

米拓学堂

帮助中心

在线交流