前阶段再做Property页时,要加一个SEO查询的链接,但其网站不支持直接的url传递变量查询,只能采用input按钮实现效果,为了达到整体的样式的统一,需要把input按钮换成链接样式,并且隐藏原来的变量输入框,原来的代码如下:
<form name="post" action="http://www.66778.cn:81/seo_analyse.php" method="post">
<input name="url" type="text" value="http://qqcampus.org" />
<input name="keyword" type="text" value="漫步浪尖" />
<input type="submit" value="分析评估" />
</form>
改后的是这样,
<form name="post" style="display:none" action="http://www.66778.cn:81/seo_analyse.php" method="post">
<input name="url" type="text" value="http://qqcampus.org" />
<input name="keyword" type="text" value="漫步浪尖" />
</form>
<a href="#" onclick="post.submit()">华夏推广在线</a>
这便实现了按钮样式向链接样式转换的效果,并且同时保证了变量值的传递,其核心代码为第二段的最后一行.
