码迷,mamicode.com
首页 > 其他好文 > 详细

前端开发之弹出框系列教程四:Prompt提示输入框

时间:2020-07-30 18:21:06      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:block   文本   --   scroll   type   cursor   效果   padding   art   

 1、单行输入
$k.prompt({
            content:‘<span>请输入姓名:</span><input type="text" class="kui-window-input" style="width:200px;height:32px;" /> ‘,
            onClosed:function(args){
                if (args.closeTrigger == ‘btn-0‘) {
                    $k.alert({content:‘姓名为:‘+args.promptResult+‘‘});
                }
            }
});
 查看效果
 2、文本域输入
$k.prompt({
            content:‘<span>请输入备注信息:</span><textarea class="kui-window-input"></textarea>‘,
            onClosed:function(args){
                if (args.closeTrigger == ‘btn-0‘) {
                    $k.alert({content:‘备注信息为:
‘+args.promptResult.replace(/\n/g,‘
‘)+‘‘}); } } });

前端开发之弹出框系列教程四:Prompt提示输入框

标签:block   文本   --   scroll   type   cursor   效果   padding   art   

原文地址:https://www.cnblogs.com/caogenrenwu/p/13404165.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!