# btn-prompt
---
在任何需要点击弹出输入框的按钮上,只需在class 中加上 `btn-prompt`即可。
```html
<a class="btn btn-danger btn-prompt" data-msg="请输入密码" data-form-type="0">按钮1</a>
```
支持的属性列表
属性 | 意义
---|---
`data-msg`| 提示内容 必填
`data-title` | 提示标题
`data-value` | 默认值
`data-btn-ok` | `data-btn-ok="确定"` 按钮文字
`data-on-ok` | 点击取消按钮函数 特殊情况,tag.a 为执行作为a标签继续
`data-intop` | 是否在最顶端打开,默认在本窗口打开
`data-area` | `data-area="'500px','600px'"` 必须是这种格式 、有默认值
`data-form-type` | 输入框类型,支持0(文本,默认值)1(密码)2(多行文本)
#### 一个例子:
```html
<script>
function fun_value(value) {
alert(" data-on-ok value:"+value);
}
</script>
<section class="content" style="padding: 10px">
<a class="btn btn-danger btn-prompt" data-msg="请输入密码" data-form-type="0">按钮1</a>
<a class="btn btn-danger btn-prompt"
data-msg="请输入"
data-value="我是默认值"
data-on-ok="fun_value"
data-btn-ok="下一步"
>Click Me 1</a>
</section>
```
效果为
<p>
<video controls="controls" width="100%"
src="http://epii.gitee.io/static/project/epiiadmin-js/docimg/prompt.mov"></video>
</p>
- 简介/安装
- 快速搭建一个用户中心
- Js代码写在哪里
- 环境变量Args
- 前台组件
- Dialog方式打开页面
- Addtab方式打开页面
- Alert提醒框
- Confirm确认框
- Prompt输入框
- 表单Form
- 列表Table/list
- 基础Table
- 控制Table
- 搜索Table
- 城市选择city-picker
- 文件上传组件
- 基础版本
- 简单版本
- 更多实用组件
- 后台
- 实现方式综述
- 命令管理类JsCmd
- 命令
- Alert命令
- Url命令
- Toast命令
- JsEval命令
- Close命令
- Refresh命令
- CloseAndRefresh命令
- 常用命令的简化
- 文件上传
- 后台基础
- 后台进阶
- 左侧导航badge配置