Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptを使用してプロンプトダイアログボックスを表示するにはどうすればよいですか?


プロンプトダイアログボックスは、テキストボックスをポップアップしてユーザー入力を取得する場合に非常に便利です。したがって、それはあなたがユーザーと対話することを可能にします。ユーザーはフィールドに入力して、[OK]をクリックする必要があります。

このダイアログボックスは、prompt()というメソッドを使用して表示されます。このメソッドは、(i)テキストボックスに表示するラベルと(ii)テキストに表示するデフォルトの文字列の2つのパラメーターを取ります。ボックス。

このダイアログボックスには、[OK]と[キャンセル]の2つのボタンがあります。ユーザーが[OK]ボタンをクリックすると、ウィンドウメソッドprompt()は入力された値をテキストボックスから返します。ユーザーが[キャンセル]ボタンをクリックすると、ウィンドウメソッドprompt()はnullを返します。

次のコードを実行して、JavaScriptを使用してプロンプトダイアログボックスを実装する方法を習得できます。

ライブデモ

<html>
   <head>
      <script>
         <!--
            function getValue(){
               var retVal = prompt("Enter your name : ", "your name here");
               document.write("You have entered : " + retVal);
            }
         //-->
      </script>
   </head>
   <body>
      <p>Click the following button to see the result: </p>
      <form>
         <input type="button" value="Click Me" onclick="getValue();" />
      </form>
   </body>
</html>

  1. JavaScriptプロンプトの例

    プロンプトダイアログボックスは、テキストボックスをポップアップしてユーザー入力を取得する場合に非常に便利です。したがって、それはあなたがユーザーと対話することを可能にします。ユーザーはフィールドに入力して、[OK]をクリックする必要があります。このダイアログボックスは、prompt()というメソッドを使用して表示されます。 以下は、JavaScriptでプロンプトを表示するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&qu

  2. Tkinterを使用してプロンプトダイアログボックスを作成しますか?

    ダイアログボックスは、特定の操作を実行するようにユーザーに通知するのに便利です。私たちはすでにダイアログボックスに精通しており、何度もダイアログボックスを操作しました。特定のTkinterアプリケーションでは、メッセージ、ユーザーインタラクションダイアログ、単一値入力ダイアログ、ファイルチューザーなど、あらゆるタイプのダイアログボックスを作成できます。ダイアログボックスを作成するために、Tkinterにはのようないくつかの組み込みパッケージがあります。メッセージボックス、simpledialog、filedialog、 およびcolorchooser 。 例 この例では、オプションを選択する