Есть ли способ создать приглашение с двумя полями ввода?

Question

Есть ли способ создать приглашение в JavaScript с двумя полями ввода?

Я попробовал этот код, но это не помогло мне:

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

Answer 1

Это не представляется возможным с ОС или появилось собственное окно браузера. Вам нужно будет создать настраиваемый диалог оверлея.

Я бы посоветовал использовать библиотеку, например jQuery UI, для этого. Затем вы можете настроить все, что находится во всплывающем окне.

Вы можете посмотреть демо the dialog here

Answer 2

Короткие построения самостоятельно с помощью методов DOM и ввода элементов: №

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>