So implementieren Sie einen Eingabedialog mit JavaScript-js-Tutorial-php.cn

So implementieren Sie einen Eingabedialog mit JavaScript

不言

Freigeben： 2018-12-15 17:08:56

Original

11342 Leute haben es durchsucht

Manchmal erscheint bei der Registrierung von Benutzerinformationen ein Popup-Fenster, in dem Sie aufgefordert werden, den Inhalt zur Bestätigung einzugeben. Wie wird ein solches Eingabedialogfeld implementiert? In diesem Artikel wird erläutert, wie Sie mit So implementieren Sie einen Eingabedialog mit So implementieren Sie einen Eingabedialog mit JavaScript Eingabedialogfelder implementieren.

So implementieren Sie einen Eingabedialog mit So implementieren Sie einen Eingabedialog mit JavaScript

Wir können den Eingabedialog mit der Eingabeaufforderung anzeigen.

Um den Eingabedialog in So implementieren Sie einen Eingabedialog mit So implementieren Sie einen Eingabedialog mit JavaScript anzuzeigen, verwenden Sie einfach die Eingabeaufforderung und Schreiben Sie einfach den folgenden Code.

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

Nach dem Login kopieren

Sehen wir uns ein konkretes Beispiel an

<!DOCTYPE html>
<html lang = "ja">
  <head>
    <meta charset = "utf-8">
    <title>So implementieren Sie einen Eingabedialog mit So implementieren Sie einen Eingabedialog mit JavaScript</title>
  </head>
  <body>
    <script>
      var name = prompt("请输入您的姓名");
      document.write(name);
    </script>
  </body>
</html>

Nach dem Login kopieren

Der Vorgangseffekt ist wie folgt: Ein Dialogfeld wird angezeigt

So implementieren Sie einen Eingabedialog mit So implementieren Sie einen Eingabedialog mit JavaScript

Geben Sie ein das Textfeld Name

So implementieren Sie einen Eingabedialog mit JavaScript

Klicken Sie auf die Schaltfläche OK, das Dialogfeld verschwindet und auf der Seite werden die Ergebnisse wie folgt angezeigt

So implementieren Sie einen Eingabedialog mit JavaScript

Klicken Sie auf die Schaltfläche „Abbrechen“, um auf der Seite null anzuzeigen

So implementieren Sie einen Eingabedialog mit JavaScript

Sie können den Anfangswert im Dialogfeld festlegen

in der Eingabeaufforderung Unten können Sie eine Zeichenfolge oder einen Wert (Anfangswert) von Grund auf in das Eingabefeld des Eingabedialogfelds eingeben

Der spezifische Code lautet wie folgt

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

Nach dem Login kopieren

Das Laufergebnis ist wie folgt

So implementieren Sie einen Eingabedialog mit JavaScript

Das obige ist der detaillierte Inhalt vonSo implementieren Sie einen Eingabedialog mit JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!