html - 图像替代文本不起作用

Question

我敢肯定，当有人指出我做错了什么时，我会打自己一巴掌，但我终其一生都无法弄清楚为什么当图像未加载时我无法显示替代文本。

我有以下代码，其中显然是错误的图像路径（以模拟由于某种原因未加载的图像）：

<form>
    <input type="image" src="image/not.here" alt="Search"/>
</form>

但是，我没有得到一个带有“搜索”文本的按钮，这是我所期望的。

我能做到这一点吗？

谢谢！

score 3 · Accepted Answer

如果您使用的是 Google Chrome/Safari，如果“搜索”的长度超过 img 宽度，则浏览器不会显示。你的代码没有问题。尝试添加style="width: 700px; height: 400px"第二个输入标签以查看文本是否存在。

更多信息：

PS：IE 显示“搜索”文本。

score 1 · Accepted Answer

你错过了一个=：

value="Find"

此外，这取决于浏览器。有些显示alt文本以防图像不可用，有些则不显示；所以这本身并不是一个错误。例如，视觉障碍者的浏览器总是显示它。

2 回答 2