javascript中prompt()方法弹出输入框的使用示例

学习笔记 马富天 2016-07-18 16:03:33 169 0

【摘要】相信大家都喜欢在网页中显示输入框提供给用户进行填写相关信息,其实javascript也是可以提供用户进行输入信息的,就是prompt()方法,其实还是非常有作用的,个人觉得虽然弹出的框框不是十分好看,但是却能够在必要的时候实现想要的功能。本文给出prompt()方法的使用例子。

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

prompt(text,defaultText)方法有两个参数,

text:可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。

defaultText:可选。默认的输入文本。

简单说明:如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入字段当前显示的文本。并且在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 prompt() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。

给出完整代码示例,复制下面代码可直接执行:

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="utf-8" />
  5. 		<title>javascript中prompt弹出输入框</title>
  6. 	</head>
  7. 	<body>
  8. 		<input type="button" onclick="show_prompt()" value="点击这里" />
  9. 		<script type="text/javascript">
  10. 			
  11. 			function show_prompt()
  12. 			{
  13. 				var name = prompt('请输入您的姓名:','小小人');
  14. 				var sex = prompt('请输入您的性别:','女');	//	
  15. 				if(name != null && sex != null )
  16. 				{
  17. 					switch(sex)
  18. 					{
  19. 						case '男':
  20. 								msg = name + '先生,您好!';
  21. 							break;
  22. 						case '女':
  23. 								msg = name + '女士,您好!';
  24. 							break;
  25. 						default:
  26. 								msg = name + ',您好!';
  27. 							break;
  28. 					}
  29. 					msg += '今天天气不错,祝您玩的愉快~';
  30. 					alert(msg);
  31. 				}else
  32. 				{
  33. 					alert('您的姓名或性别不能为空');
  34. 				}
  35. 			}			
  36. 		</script>
  37. 	</body>
  38. </html>

执行的结果截图:

请输入图片名称

版权归 马富天PHP博客 所有

本文标题:《javascript中prompt()方法弹出输入框的使用示例》

本文链接地址:http://www.mafutian.net/162.html

转载请务必注明出处,小生将不胜感激,谢谢! 喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

1

1

上一篇《 PHP操作CSV文件(读取和写入操作) 》 下一篇《 使用jQuery的插件juqery.qrcode.js生成二维码 》

暂无评论

评论审核未开启
表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情
验证码

TOP10

  • 浏览最多
  • 评论最多