我們有時在網頁上進行注冊用戶信息時會出現彈窗進行提示,你需要輸入內容進行確認,那么,這樣的輸入對話框是怎么實現的呢?小編給大家整理了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實現輸入對話框的代碼的詳細內容了,看完之后是否有所收獲呢?如果想了解更多相關內容,歡迎來億速云行業資訊!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。