html实现弹窗输入

<input type="button" value="生成PDF" onclick="show()">
<div id="div" style="background:#87CEFA;position:absolute;display:none;margin: auto;top:50%;left:50%;margin-top:-50px;margin-left:-250px;width:500px;height:100px;border-radius:5px;"><form name="form" action="pdf.php" method="post" onsubmit="return get()"><br>请输入付款方式：<input type="text"  name="txt"/><input type="hidden" name="id" value="<?php echo $rows["id"] ?>"><br /><br><input type="submit" value="确定"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" value="返回" onclick="hidd()"/></form>
</div><script type="text/javascript">function show(){document.getElementById('div').style.display="block";}function hidd(){document.getElementById('div').style.display="none";}function get(){var tt = document.form.txt.value;if(tt.length>0){document.getElementById('div').style.display="none";}else{alert('不能为空');return false;}return true;}
</script>pdf.php里的代码
<?php
$fkfs=$_POST['txt'];
......
?>

html实现弹窗输入相关推荐

XNA游戏：软键盘弹窗输入
在XNA中如果我们需要输入文字,那么我们就需要使用到软键盘了,在XNA中使用软键盘要用到Guide.BeginShowKeyboardInput方法,由于游戏的Update是会不断地执行的,所以要由G ...
python弹窗输入_Python中使用tkinter弹窗获取输入文本
# -*- coding: cp936 -*- from tkinter import * from tkinter import messagebox root = Tk() root.title( ...
.NET DLR 上的IronScheme 语言互操作IronScheme控制台输入中文的问题
前言一直以来对Lisp语言怀有很崇敬的心里,<黑客与画家>对Lisp更是推崇备至,虽然看了不少有关Lisp的介绍但都没有机会去写段程序试试,就像我对C++一样,多少有点敬畏.这个周末花了 ...
总结禁止弹窗关闭弹窗的六种方法
首先来了解一下什么是模态弹窗? 模态弹窗会打断用户的操作行为,强制用户必须进行操作,否则不可以进行其他操作.看看模态弹窗都长啥样吧! 一.常见的网页模态弹窗第1种弹窗提示信息,只有一个确认按钮,只有 ...
jQuery模态弹窗插件(jquery-confirm)
前言今天为大家分享一款开源的非常轻量且精美的jQuery模态弹窗插件:jquery-confirm,它包含Bootstrap,Material等多种主题供选择. 如果你的前端项目中还在使用jQuer ...
web前端入门到实战：JavaScript弹窗方式
在做网页时,常常使用弹窗,以上就是浏览器的三种弹窗方式: 1: alert 在测试时常用 2: confirm 可以套用if-else 来用 ,比如 :confirm点击了确定做什么事情,点击了取消又 ...
wpf popup 最前面_【第1988期】NutUI 组件 popup 源码分析
前言 NutUI专题文来了.今日早读文章由京东用户体验设计部@杨凯旋投稿分享. 京东用户体验设计部-前端开发部现有前端开发人员 50 左右,主要为京东零售集团.京东健康提供 WEB 前端开发.APP ...
Vuex 的应用场景
本文在 GitHub上的链接昨天被问了一个问题: Vuex 的应用场景有什么?什么时候适合使用 Vuex,什么时候不适合使用 Vuex? 在当时,我的答案是一般人会回答的内容: 涉及到非父子关系的组 ...
分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(4月16日-4月22日)
分享Silverlight/WPF/Windows Phone/HTML5一周学习导读(4月16日-4月22日) 本周Silverlight学习资源更新银光中国网友原创:Silverlight中获取 ...

html实现弹窗输入

html实现弹窗输入相关推荐

最新文章

热门文章