🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 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>