Heim > Web-Frontend > js-Tutorial > Hauptteil

So implementieren Sie einen Eingabedialog mit JavaScript

不言
Freigeben: 2018-12-15 17:08:56
Original
11317 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!