提交表单,在新窗口打开

学习笔记 马富天 2016-09-06 21:27:35 119 1

【摘要】今晚一个同学问我如何在form表单提交数据的时候,在新的窗口打开数据处理页面,当时我也没有想到什么好的方法,就以为是需要用到js或者jQuery才能够实现,其实使用form标签的target属性也是能够实现的,起初一直以为只有a标签才有target属性,其实form表单除了有method和action这个两个最重要的属性之外,还有target属性。

提交表单,然后在新的窗口中打开其实就是form的一个属性:target="_blank"就能够解决问题了。

form表单包括的属性:

请输入图片名称

完整代码示例:

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="utf-8" />
  5. 		<title>提交表单,在新窗口打开</title>
  6. 		<style type="text/css">
  7. 			*{margin:0;padding:0;font-size:12px;}
  8. 			table{margin:200px auto;border:1px solid #999;border-radius:4px;padding:20px 10px;}
  9. 			table td{line-height:30px;}
  10. 		</style>
  11. 	</head>
  12. 	<body>
  13. 		<form method="post" action="1.php" target="_blank">
  14. 			<table cellspacing="0" cellpadding="0">
  15. 				<tr>
  16. 					<td>昵称:</td>
  17. 					<td><input type="text" name="username" /></td>
  18. 				</tr>
  19. 				<tr>
  20. 					<td>密码:</td>
  21. 					<td><input type="password" name="pwd" /></td>
  22. 				</tr>
  23. 				<tr>
  24. 					<td colspan="2"><input type="submit" name="submit" value="提交" /></td>
  25. 				</tr>
  26. 			</table>
  27. 		</form>
  28. 	</body>
  29. </html>

执行效果图:

请输入图片名称

版权归 马富天个人博客 所有

本文标题:《提交表单,在新窗口打开》

本文链接地址:http://www.mafutian.com/198.html

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

0

0

上一篇《 PHP实现快速CSV文件在线下载 》 下一篇《 Ubuntu14.04安装php-Redis和简单配置 》

所有评论

  1. 首页
  2. 上一页
  3. 1
  4. 下一页
  5. 尾页
  6. 第1页
  7. 每页12条
  8. 共1页
  9. 共1条
评论审核未开启
表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情
验证码

TOP10

  • 浏览最多
  • 评论最多