2つの入力フィールドでプロンプトを作成する方法はありますか？

Question

2つの入力フィールドを持つJavaScriptでプロンプトを作成する方法はありますか？

私はそのコードを試してみましたが、それは私を助けていない：

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

Answer 1

これが不可能なOSまたはネイティブブラウザウィンドウがポップアップします。カスタムオーバーレイダイアログを作成する必要があります。

これを行うには、jQuery UIのようなライブラリを使用することをお勧めします。その後、ポップアップにあるものをカスタマイズすることができます。

あなたは

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

HTMLコードthe dialog here

Answer 2

DOMメソッドと入力要素を使用して、独自の構築ショート：いいえ

Answer 3

のJavaScriptコードのデモを見ることができます。これはjQueryライブラリを使用しています

  <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>