Javascript - SweetAlert 插件 - 在里面绘制文本框答案

【问题标题】：Javascript - SweetAlert plugin - draw textbox insideJavascript - SweetAlert 插件 - 在里面绘制文本框
【发布时间】：2021-02-23 19:02:21
【问题描述】：

我对 Javascript 非常陌生，我一直在尝试寻找答案，以确定是否可以在 SweetAlert JS 中添加一个文本框。我今天有一些文字和一些按钮，效果很好。但我想在弹出窗口中添加一个黄色文本框，里面有一些黑色文本，比如警告状态。

这可以在这个脚本里面做吗？

var Functions;
(function(Functions) {
    var MyNamespace;
    (function(MyNamespace) {
        function PopUp_UnloadRecipe(OutputSignal, TextHeaderDialog1, TextContentDialog1, TextHeaderDialog2, TextContentDialog2, TextButton1Dialog1) {

            Swal.fire({
                title: TextHeaderDialog1,
                showClass: {
                    popup: 'animate__animated animate__fadeInDown'
                },
                hideClass: {
                    popup: 'animate__animated animate__fadeOutUp'
                },
                html: TextContentDialog1,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                backdrop: 'rgba(0,0,0,0.4)',
                allowOutsideClick: false,
                allowEscapeKey: false,
                footer: '<b><H1>WARNING!</H1></b>',

                confirmButtonText: TextButton1Dialog1
            }).then((result) => {
                if (result.value) {
                    Swal.fire(
                        TextHeaderDialog2,
                        TextContentDialog2,
                        'success'
                    )
                    OutputSignal.write(true);
                }
            });
        }
      
        MyNamespace.PopUp_UnloadRecipe = PopUp_UnloadRecipe;
      
    })(MyNamespace = Functions.MyNamespace || (Functions.MyNamespace = {}));
  
    Functions.registerFunctionEx('PopUp_UnloadRecipe', 'TcHmi.Functions.MyNamespace', MyNamespace.PopUp_UnloadRecipe);
})(Functions = TcHmi.Functions || (TcHmi.Functions = {}));
})(TcHmi);

【问题讨论】：

你的警报模型在哪里？请显示 HTML/JavaScript/CSS 代码。
正如@Mr.Polywhirl 提到的，您需要添加最少的可重现代码，以便其他人运行您的代码并帮助找到解决问题的方法。向我们展示您已经尝试过的方法，毫无疑问，您会得到可以帮助您解决问题的答案。
对不起，我第一次在这里添加，但我现在尝试添加上面的代码。

标签： javascript html sweetalert2

【解决方案1】：

您当然可以在弹出窗口中添加输入框。为此，我建议您迁移到 sweetheart 2，在那里您会发现更多功能以及更好的文档。

文档：https://sweetalert2.github.io/#examples （我会专门看ajax请求示例）
例子：

Swal.fire({
    title: 'Enter some example text',
    input: 'text',
    inputAttributes: {
        autocapitalize: 'off'
    },
    showCancelButton: true,
    confirmButtonText: 'Look up',
})

【讨论】：