SweetAlert实现多个输入框功能

a851974878

已于 2022-04-10 00:30:43 修改

阅读量1.4k

点赞数 2

文章标签： javascript java html

于 2022-04-10 00:26:44 首次发布

本文链接：https://blog.csdn.net/a851974878/article/details/124071096

版权

这篇博客介绍了如何利用SweetAlert库在弹窗中实现多个输入框的功能。通过引入SweetAlert并展示相关JS代码，作者详细展示了创建带有多个输入字段的警告对话框的过程，并附上了实际效果的截图。

摘要由CSDN通过智能技术生成

导入SweetAlert

<script src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>
<link href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet" type="text/css" />

需要将type指定为input或者prompt，默认情况下会存在一个输入框，通过$("fieldset").hide();隐藏

js代码

$("#register").click(function () {
            swal({//sweetalert
                title: "<small>请输入相关信息</small>",
                text: "手机号码： <input type='text'>"
                    +"密码： <input type='text' >"