JavaScriptを使用して入力ダイアログを実装する方法-jsチュートリアル-php.cn

JavaScriptを使用して入力ダイアログを実装する方法

不言

リリース： 2018-12-15 17:08:56

オリジナル

11319 人が閲覧しました

Web ページでユーザー情報を登録するときに、内容を入力するためのポップアップウィンドウが表示されることがあります。では、このような入力ダイアログボックスはどのように実装されているのでしょうか。この記事では、JavaScriptを使用して入力ダイアログを実装する方法を使用して入力ダイアログを実装する方法を使用して入力ダイアログボックスを実装する方法を紹介します。

JavaScriptを使用して入力ダイアログを実装する方法を使用して入力ダイアログを実装する方法

プロンプトを使用して入力ダイアログを表示できます

JavaScriptを使用して入力ダイアログを実装する方法を使用して入力ダイアログを実装する方法で入力ダイアログを表示するには、プロンプトと次のコードを書くだけです。

<script>  
var 变量 = prompt("需要显示的字符串和值");
document.write(变量);
</script>

ログイン後にコピー

具体的な例を見てみましょう

<!DOCTYPE html>
<html lang = "ja">
  <head>
    <meta charset = "utf-8">
    <title>JavaScriptを使用して入力ダイアログを実装する方法を使用して入力ダイアログを実装する方法</title>
  </head>
  <body>
    <script>
      var name = prompt("请输入您的姓名");
      document.write(name);
    </script>
  </body>
</html>

ログイン後にコピー

操作の効果は次のとおりです。ダイアログボックスが表示されます。

JavaScriptを使用して入力ダイアログを実装する方法を使用して入力ダイアログを実装する方法

入力します。テキストボックスの名前

JavaScriptを使用して入力ダイアログを実装する方法

[OK]ボタンをクリックすると、ダイアログボックスが消え、ページに次の結果が表示されます

JavaScriptを使用して入力ダイアログを実装する方法

キャンセルボタンをクリックするとページにnullが表示されます

JavaScriptを使用して入力ダイアログを実装する方法

ダイアログボックスで初期値を設定できます

プロンプト内次に、入力ダイアログボックスの入力フィールドに文字列または値(初期値)を一から入力できます。

具体的なコードは次のとおりです。

<script>
      var name = prompt("请输入您的姓名","California");
      document.write(name);
    </script>

ログイン後にコピー

実行結果は以下の通りです

JavaScriptを使用して入力ダイアログを実装する方法

以上がJavaScriptを使用して入力ダイアログを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

JavaScriptを使用して入力ダイアログを実装する方法