如何使用JavaScript實作輸入對話框
- 不言原創
- 2018-12-15 17:08:5611333瀏覽
我們有時在網頁上進行註冊使用者資訊時會出現彈窗進行提示，你需要輸入內容進行確認，那麼，這樣的輸入對話框是怎麼實現的呢？本篇文章就來介紹使用如何使用如何使用JavaScript實作輸入對話框實作輸入對話框實作輸入對話方塊的方法。
我們可以使用prompt顯示輸入對話框
要在如何使用如何使用JavaScript實作輸入對話框實作輸入對話框中顯示輸入對話框，只需使用prompt並簡單地編寫以下程式碼。
<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>運行效果如下：將會彈出一個對話框
在文字方塊中輸入名稱
點擊確定按鈕，對話方塊消失，頁面顯示結果如下
點擊取消按鈕將在頁面顯示null
可以在對話方塊中設定初始值
在prompt下，您可以在輸入對話方塊的輸入欄位中從頭開始輸入字串或值（初始值）
具體程式碼如下
<script>
var name = prompt("请输入您的姓名","California");
document.write(name);
</script>執行結果如下
以上是如何使用JavaScript實作輸入對話框的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn