如何用JS弹出“有输入框并带有是、否、取消按钮”的对话框。

JavaScript028

如何用JS弹出“有输入框并带有是、否、取消按钮”的对话框。,第1张

具体代码如下：

<html>

<head>

<script type="text/javascript">

function disp_prompt()

{

var name=prompt("请输入您的名字","小贾")

if (name!=null &&name!="")

{

document.write("你好，" + name + "！今天过得好吗？")

}

}

</script>

</head>

<body>

<input type="button" onclick="disp_prompt()" value="显示一个提示框" />

</body>

</html>

扩展资料：

prompt() 方法用于显示可提示用户进行输入的对话框。

如果用户单击提示框的取消按钮，则返回 null。如果用户单击确认按钮，则返回输入字段当前显示的文本。

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

参考资料：

HTML DOM prompt() 方法

你可以将输入框写在DIV里面 隐藏起来，  触发事件的时候将div显示在最上层 输入完成 将值天赋到显示的框里；     可以写一个

<div id="inputDiv"  style="display: none">请输入:<input type="text"  id="inputText" /> </div>  <!--这段先隐藏-->    

<input type="text" id="username"  

var _id = ""

function (id){

    _id = id

    var div = document.getElementById("inputDiv")  //获取div对象  对div进行隐藏和显示操作

    var txt = document.getElementById("inputText") //获取弹出的输入窗对象

            //可以将原输入框的值填进来，也可以进来就将输入框清空

    //输入完成后   写一个方法 根据传入id将值填进去     

}

function setValue(){

    var val = document.getElementById("inputText").value

    

}

点击链接加入群【ITTeam】：http://jq.qq.com/?_wv=1027&k=dsvuDr