把表单按钮改成链接样式效果

编程开发 / / at

前阶段再做Property页时,要加一个SEO查询的链接,但其网站不支持直接的url传递变量查询,只能采用input按钮实现效果,为了达到整体的样式的统一,需要把input按钮换成链接样式,并且隐藏原来的变量输入框,原来的代码如下:

<form name="post" action="http://blog.fend.cn" method="post">
 <input name="url" type="text" value="http://blog.fend.cn" />
 <input name="keyword" type="text" value="漫步浪尖" />
 <input type="submit" value="分析评估" />
</form>

改后的是这样,

<form name="post" style="display:none" action="http://blog.fend.cn" method="post">
 <input name="url" type="text" value="http://blog.fend.cn" />
 <input name="keyword" type="text" value="漫步浪尖" />
</form>
<a href="#" onclick="post.submit()">分析评估</a>

这便实现了按钮样式向链接样式转换的效果,并且同时保证了变量值的传递,其核心代码为第二段的最后一行.

发表评论

电子邮件地址不会被公开。 必填项已用*标注