web-dev-qa-db-fra.com

Est-il possible de créer une invite avec deux champs de saisie?

Est-il possible de créer une invite en JavaScript avec deux champs de saisie? 

J'ai essayé ce code, mais ça ne m'a pas aidé:

var a = Prompt("A : ", "");
var b = Prompt("B : ", "");
alert(a + "\n" + b);
javascriptprompt
23
TN888

Ce n'est pas possible avec un système d'exploitation ou une fenêtre de navigateur native qui s'ouvre. Vous devrez créer une boîte de dialogue de superposition personnalisée.

Je conseillerais d'utiliser une bibliothèque comme jQuery UI pour le faire. Vous pouvez ensuite personnaliser le contenu de la fenêtre contextuelle.

Vous pouvez voir une démo de le dialogue ici

18
NDM

En dehors de la construction de votre propre en utilisant des méthodes DOM et des éléments d'entrée: Non.

5
Quentin

Code JavaScript

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

Code 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>
1
user1133648
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>dialogo</title>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<script>
function abrete(){
$("#dialog" ).dialog();
}
</script>
<div id="dialog" title="Create new user" style="display:none;">
<p class="validateTips">All form fields are required.</p>
<form action='tuscript.php'>
<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 onclick='abrete()'>Create new user</button>
</body>
</html>
0
Luis Dulanto