html – 对

发布时间：2020-12-14 19:30:08 所属栏目：资源来源：网络整理

导读：这是一个“添加到购物篮”控件,我的一个同事设计了一个漂亮的图形.显然应该生成一个post请求,一个简单的超链接是不会做的. 亚马逊使用图像输入实现它.但是什么是利弊 input type="image" src="atb.png" alt="Add to Basket" / 与 button type="submit"img sr

这是一个“添加到购物篮”控件,我的一个同事设计了一个漂亮的图形.显然应该生成一个post请求,一个简单的超链接是不会做的.

亚马逊使用图像输入实现它.但是什么是利弊

<input type="image" src="atb.png" alt="Add to Basket" />

与

<button type="submit"><img src="atb.png" alt="Add to Basket" /></button>

(并使用CSS来控制外观)？

我想这归结为这些问题：

>图形和非图形化的所有浏览器是否有成功地使图像输入键盘可访问？ (或者,在无键盘设备的情况下,可以通过任何输入方式访问它们？)
>哪些浏览器不支持<按钮>？
>其中有哪些优点/缺点？
>还有其他可能的方法有自己的优势(除了忘记它,只是使用一个简单的提交)？

解决方法

他们应该是等同的.对于造型目的,如果您将来更改内容,我发现按钮标签更为灵活.

但是：IE有一个bug /功能,其中按钮或输入的值设置为等于innerHTML.如果您的服务器端代码需要这是特定的值,这可能会导致问题.

除非您需要< button>的附加样式灵活性使用< input type =“image”>所以你不需要处理IE的怪癖.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!