快速业务通道

把网页按钮伪装成超链接

作者 佚名技术 来源 CSS技术 浏览 发布时间 2012-03-02

今天看到一篇文章:Styling buttons to look like links,里面讲到一些东西挺实用,也确实需要开发者注意。比如,有些开发者就是会用 a 标签来做提交。比如有一个列表,每个列表后面都会有一个“删除”链接:

1
列表列表 <a href="/delete.php?id=xxx" title="">删除</a>

点击删除链接后就会带一个id或者其它参数到delete.php页面,delete.php中再去实现删除的逻辑。这样做有一个问题,就是它提交参数使用的是 GET 方法。根据HTML中的定义,GET方法一般是用来获取数据的,不会涉及到对后端数据的修改;而POST方法则可能包含对数据库的修改等操作,所以删除用链接实现不太好。有一种解决办法就是把 button 伪装成超链接的样子,然后在外面套上 form ,CSS 现在很强大,伪装一下不是很困难,可以参考这篇文章:Styling buttons to look like links 。另外,相对于用 input 实现按钮而言,button 更强大一点,建议多用 button 。

有时候设计师为了界面上的美观或者UI上的一致,会把一些元素设计成超链接的样子,然后web developer 拿过来图之后可能就“忠实”执行设计师的意图把那个地方做成了超链接,却忽略了一些功能上的考虑。这个就好像HTML标签语义化一样,虽然有些地方用 div 或者 span 看上去都一样,但是还是有区别的。以后做东西的时候我一定要多想想,不要被表面的东西迷惑了。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号