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

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" onclick="disp_prompt()"
value="Display a prompt box" />

</body>
</html>
时间: 2024-08-02 19:27:39

prompt() 方法,弹框带输入框的相关文章

【JSP】弹出带输入框可 确认密码 对话框

1 <body> 2 <input type="submit" value="删除历史全部订单" onclick="deleteall()"/> 3 </body> 1 <head> 2 <script type="text/javascript"> 3 function deleteall(){ 4 password = prompt("请输入密码:&qu

JavaScript基础 window.prompt() 弹出一个输入框 设置提示信息与默认值

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=ut

WinRAR去除广告弹框(精华在末尾)

1.首先新建一个txt文件,并重新命名为"rarreg.key":即文件名为rarreg,属性是KEY文件格式,而不是TXT文件格式 注意:修改文件扩展名,把 TXT 格式改为 KEY 格式 2.然后用记事本打开文件"rarreg.key",将下列的内容复制进文档中 备注:其他网站类似的注册码也可以,不局限于下面的. 复制内容到剪贴板 RAR registration data State Grid Corporation Of China 50000 PC usa

popover带箭头弹框

我们先来看一下效果吧: 分析:这个带箭头的弹框其实是一个控制器,通过Modal方式展现,但跟传统模态方式效果不一样,我们一眼就能看出. Xib方式实现popover: 1.segue的时候选择Present As Popover 2.我们看下segue的属性: 3.重写prepareforsegue方法: 1 override func prepare(for segue: UIStoryboardSegue, sender: Any?) { 2 // 1.判断跳转控制器的类型 3 if seg

在弹框中获取foreach中遍历的id值,并传递给地址栏(方法2)

1.php有时候我们需要再弹框中获取foreach中遍历的数据(例如id),在弹框中点击按钮并传递给地址栏跳转.那么应该怎么做呢.第二种方法. 2. 可以在弹框中给出一个input hidden 点击按钮弹窗时把值赋值给input hidden.在弹窗中点击别的按钮时获取. 3.点击setup 传值 4.

使用mint-ui中弹框组件与原生弹框阻止父页面不滑动方法

1,使用mint-ui框架中<mt-popup></mt-popup>,在组件中加入 lockScroll="true" 阻止父页面不滑动. 2,原生弹框中,弹框页面中最外层div里面加(touchmove事件)@touchmove="handleTouchmove" 然后在methods方法里面加入 handleTouchmove (e) { e.preventDefault() }, 阻止父页面不滑动 原文点击:https://blog.

Selenium----switch_to.alert浏览器自带弹框处理

alert 实际上也是Selenium的一个模块,要使用该模块首先得引入from selenium.webdriver.common.alert import Alert 点击确认按钮:driver.switch_to.alert.accept()点击取消按钮:driver.switch_to.alert.dismiss() 如果alert弹框上有文本框,可以输入文字driver.switch_to.alert.sendkeys() 返回alert上的文本内容text = driver.swit

简单的自定义弹框

作为初学者,很多人都是用的系统自带的弹框,非常的简单,完全不能满足用户的交互,所以这里,我们需要自定义一个弹框,把输入框.图片.按钮等添加到弹框里面.为了避免重复冗余的代码,参考了别人的代码,自己做了一个自定义弹框,可以在项目中使用到.给大家一个思路. 这是代码的接口定义,只需要调用一行代码就可以弹出一个自定义的视图啦.还会添加一些动画效果,让弹框弹出跟消失更美观. + (void)showPromptBoxWithCustomView:(UIView *)customView; + (void

做一个弹框玩玩,顺便熟悉最近新学习的插件封装技术

先上图,没图不成席 [原因]由于公司从开发到现在时间都比较紧张,很多时候需要弹框的地方都直接用alert().confirm().prompt()这些自带的提示框,最大的问题是这三个哥们随着浏览器的不同进行变色,简直是前端变色龙,神奇又无奈 所以,这次和我们的帅气设计师合作总结出这三种提示框,我也通过最近的学习把新学到手的封装技术,融入了进去,相对于大神级别的人,看看就行,顺便指点一下就更好了 [目前自己思考的问题]到目前为止,自己工作也有2.5年了,早早过了只知道实现需求的时候了,更多的是培养