Heim > Artikel > Web-Frontend > So implementieren Sie einen Eingabedialog mit JavaScript
So implementieren Sie einen Eingabedialog mit JavaScript
- 不言Original
- 2018-12-15 17:08:5611284Durchsuche
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.
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>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>Der Vorgangseffekt ist wie folgt: Ein Dialogfeld wird angezeigt
Geben Sie ein das Textfeld Name
Klicken Sie auf die Schaltfläche OK, das Dialogfeld verschwindet und auf der Seite werden die Ergebnisse wie folgt angezeigt
Klicken Sie auf die Schaltfläche „Abbrechen“, um auf der Seite null anzuzeigen
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>Das Laufergebnis ist wie folgt
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!