如何使用JavaScript实现输入对话框-tutorial js-php.cn

如何使用JavaScript实现输入对话框

不言

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

asal

11317 orang telah melayarinya

我们有时在网页上进行注册用户信息时会出现弹窗进行提示，你需要输入内容进行确认，那么，这样的输入对话框是怎么实现的呢？本篇文章就来介绍关于使用JavaScript实现输入对话框的方法。

JavaScript

我们可以使用prompt显示输入对话框

要在JavaScript中显示输入对话框，只需使用prompt并简单地编写以下代码。

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

Salin selepas log masuk

来看一个具体的示例

<!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>

Salin selepas log masuk

运行效果如下：将会弹出一个对话框

JavaScript

在文本框中输入名称

2345截图20181215165747.png

点击确定按钮，对话框消失，页面显示结果如下

如何使用JavaScript实现输入对话框

点击取消按钮将在页面显示null

2345截图20181215170109.png

可以在对话框中设置初始值

在prompt下，您可以在输入对话框的输入字段中从头开始输入字符串或值（初始值）

具体代码如下

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

Salin selepas log masuk

运行结果如下

2345截图20181215170434.png

Atas ialah kandungan terperinci 如何使用JavaScript实现输入对话框. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

如何使用JavaScript实现输入对话框