javascript - 如何在纯javascript中创建具有多个输入的提示

Question

我想制作一个类似 prompt() 方法的模态对话框。如何使用 2 个输入进行提示对话框，如下所示：

使用纯 javascript（不使用任何 jquery/javascript 框架）。

是否可以创建这样的提示？

Answer 1

这些是您无法修改的本机特定于浏览器的控件。同样对于警报、提示和确认，您只能向它们提供值。另请参阅此答案

Answer 2

对于模态提示，我的建议是：

1. 创建一个屏幕填充 div 以获取模态结果：

      <div id="modalDiv" style="position: absolute; top: 0px; left: 0px; width: 100%;
      height: 100%; z-index: 4; display: none">&#160;</div>
   

2. 为提示创建一个 div，具有更高的 z-index 和文本字段、标签、按钮和您需要的所有内容。让它在屏幕中央。

3. 制作一个函数customPrompt（或任何您喜欢的名称），在其中您将两个div的显示设置为“块”，并为OK按钮设置一个处理您需要的输入的函数。