loading请求处理中...

如何网页按钮伪装成超链接 按钮与伪按钮

2021-12-01 01:28:06 阅读 11096次 标签: 网页设计素材asp动态网页设计 作者: chenliwen666

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

 

如何网页按钮伪装成超链接 按钮与伪按钮


    将网页按钮伪装成超链接,这个方法与直接设计伪按钮的方法有所不同。伪按钮就是设计师为了突出其中的某些特别重要的链接,将其设计成了类似按钮的样子,使得这些链接更为突出,引导用户点击。这也从侧面说明了在网页上按钮是很醒目的元素。但是这无疑是在欺骗用户,激怒用户显然是不明智的。
    为了达到美化的目的,设计师会采用将网页按钮伪装成超链接的方法,比如,有些开发者就是会用 a 标签来做提交。比如有一个列表,每个列表后面都会有一个“删除”链接:
列表列表 删除
    点击删除链接后就会带一个id或者其它参数到delete.php页面,delete.php中再去实现删除的逻辑。这样做有一个问题,就是它提交参数使用的是 get 方法。根据html中的定义,get方法一般是用来获取数据的,不会涉及到对后端数据的修改;而post方法则可能包含对数据库的修改等操作,所以删除用链接实现不太好。有一种解决办法就是把 button 伪装成超链接的样子,然后在外面套上 form ,css 现在很强大,伪装一下不是很困难,另外,相对于用 input 实现按钮而言,button 更强大一点,建议多用 button 。

(一品威客 SELU)

Tag: 链接 超链接

软件UI设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
软件UI设计相关任务
DESIGN TASK 更多
求购网页版电商直播系统

¥20000 已有2人投标

网页版软件开发一期款

¥5000 已有1人投标

网页播放m3u开发

¥10000 已有2人投标

网页程序

¥600 已有1人投标

仿一个物流的网页版物理系统

¥6300 已有7人投标