博主辛苦了，我要打赏银两给博主，犒劳犒劳站长。
【摘要】相信大家都喜欢在网页中显示输入框提供给用户进行填写相关信息，其实javascript也是可以提供用户进行输入信息的，就是prompt()方法，其实还是非常有作用的，个人觉得虽然弹出的框框不是十分好看，但是却能够在必要的时候实现想要的功能。本文给出prompt()方法的使用例子。
prompt() 方法用于显示可提示用户进行输入的对话框
prompt(text,defaultText)方法有两个参数，
text：可选。要在对话框中显示的纯文本（而不是 HTML 格式的文本）。
defaultText：可选。默认的输入文本。
简单说明：如果用户单击提示框的取消按钮，则返回 null。如果用户单击确认按钮，则返回输入字段当前显示的文本。并且在用户点击确定按钮或取消按钮把对话框关闭之前，它将阻止用户对浏览器的所有输入。在调用 prompt() 时，将暂停对 JavaScript 代码的执行，在用户作出响应之前，不会执行下一条语句。
给出完整代码示例，复制下面代码可直接执行：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>javascript中prompt弹出输入框</title>
</head>
<body>
<input type="button" onclick="show_prompt()" value="点击这里" />
<script type="text/javascript">
function show_prompt()
{ var name = prompt('请输入您的姓名：','小小人'); var sex = prompt('请输入您的性别：','女'); // if(name != null && sex != null )
{switch(sex)
{case '男':
msg = name + '先生，您好！';
break;
case '女':
msg = name + '女士，您好！';
break;
default:
msg = name + '，您好！';
break;
}
msg += '今天天气不错，祝您玩的愉快~';
alert(msg);
}else
{ alert('您的姓名或性别不能为空');}
}
</script>
</body>
</html>
执行的结果截图：
版权归 马富天PHP博客 所有
本文标题：《javascript中prompt()方法弹出输入框的使用示例》
本文链接地址：http://www.mafutian.net/162.html
转载请务必注明出处，小生将不胜感激，谢谢! 喜欢本文或觉得本文对您有帮助，请分享给您的朋友 ^_^
顶1
踩1
| 评论审核未开启 |
|
||