prompt() 方法,弹框带输入框

最新推荐文章于 2024-01-17 08:33:32 发布

转载最新推荐文章于 2024-01-17 08:33:32 发布 · 2.8k 阅读

文章标签：

#javascript #ui #c# #ViewUI

本文介绍JavaScript中的prompt对话框，展示了如何使用prompt()函数获取用户的输入，并通过实例演示了如何在网页上显示用户输入的名字。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

prompt()

有alert的风格，却带着输入框。这是怎么实现的呢？

语法

prompt(text,defaultText)

參数	描写叙述
text	可选。要在对话框中显示的纯文本（而不是 HTML 格式的文本）。
defaultText	可选。默认的输入文本。

说明

假设用户单击提示框的取消button，则返回 null。假设用户单击确认button。则返回输入字段当前显示的文本。

在用户点击确定button或取消button把对话框关闭之前，它将阻止用户对浏览器的全部输入。在调用 prompt() 时，将暂停对 JavaScript 代码的运行。在用户作出响应之前。不会运行下一条语句。

实例 1

<html>
<head>
<script type="text/javascript">
function disp_prompt()
  {
  var name=prompt("Please enter your name","")
  if (name!=null && name!="")
    {
    document.write("Hello " + name + "!")
    }
  }
</script>
</head>
<body>

<input type="button" οnclick="disp_prompt()"
value="Display a prompt box" />

</body>
</html>

关注博主即可阅读全文