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

最新推荐文章于 2024-07-26 23:28:40 发布

gz_gy

最新推荐文章于 2024-07-26 23:28:40 发布

阅读量1.9k

点赞数 2

文章标签： Prompt 提示输入框弹出框

本文链接：https://blog.csdn.net/gz_gy/article/details/107934764

版权

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:'备注信息为：<br />'+args.promptResult.replace(/\n/g,'<br />')+''});
         }
     }
});

查看效果