有沒有什麼辦法可以創建兩個輸入字段的提示？

Question

有沒有什麼辦法可以在JavaScript中創建帶有兩個輸入字段的提示？

我試過的代碼，但它並沒有幫助我：

var a = prompt("A : ", ""); 
var b = prompt("B : ", ""); 
alert(a + "\n" + b); 

Answer 1

這是不可能的OS或原生瀏覽器窗口彈出。您將不得不創建自定義覆蓋對話框。

我會建議使用庫如jQuery UI來做到這一點。然後，您可以自定義彈出窗口中的任何內容。

您可以查看the dialog here

Answer 2

短期使用DOM方法和input元素構建自己的：第

Answer 3

JavaScript代碼

  <script> 
      $("#create-user") 
      .button() 
      .click(function() { 
      $("#dialog-form").dialog("open"); 
       }); 
      }); 
      </script> 

HTML代碼演示：

  <div id="dialog-form" title="Create new user"> 
      <p class="validateTips">All form fields are required.</p> 
      <form> 
     <fieldset> 
     <label for="name">Name</label> 
      <input type="text" name="name" id="name" class="text"> 
      <label for="email">Email</label> 
     <input type="text" name="email" id="email" value="" class="text"> 
     <label for="password">Password</label> 
      <input type="password" name="password" id="password" value="" class="text"> 
     </fieldset> 
     </form> 
     </div> 

     <button id="create-user">Create new user</button>