html实现弹窗输入

最新推荐文章于 2024-07-14 12:56:12 发布

1002710030

最新推荐文章于 2024-07-14 12:56:12 发布

阅读量5.7k

点赞数 1

本文链接：https://blog.csdn.net/qq_35776207/article/details/103294071

版权

<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'];
......
?>