HTML本页点击按钮显示其他按钮

最新推荐文章于 2023-10-16 21:48:10 发布

原创最新推荐文章于 2023-10-16 21:48:10 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html 隐藏

本文介绍了一种针对手机WAP页面的二次确认解决方案，通过显示隐藏表单的方式实现购买前的确认步骤，适用于不支持弹窗的环境。

由于手机wap页面不支持弹框，所以二次确认就不好做，临时想了这个方法

html代码：

<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN">   
<HTML>   
<HEAD>   
<TITLE>   New   Document   </TITLE>   
<META   NAME="Generator"   CONTENT="EditPlus">   
<META   NAME="Author"   CONTENT="">   
<META   NAME="Keywords"   CONTENT="">   
<META   NAME="Description"   CONTENT="">   
</HEAD>   
<script   language="javascript">   
   
function test()   
    {   
		var order = document.getElementById("order");
		
		
		if (order.style.display=="none")   
		{   
			
			order.style.display="block"; 
			
		}   
		
		var orderUser = document.getElementById("orderUser");
		orderUser.style.display="none";
    }   
</script>   
<BODY>   
    
<input id="orderUser" type="button" value="购买使用" onclick="test();">

<P>魔法购买：增加购买二次确认测试</P>

 <form id="order" action="/order.action" style="display:none">
       <input type="button" value="购买"/> 
	   <input type="button" value="取消"/> 
 </form>
</BODY>   
</HTML>