# 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配置