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

Question

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

我有以下代码，其图像路径显然错误(以模拟由于某种原因未加载图像):

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

但是，我没有看到带有“搜索”文本的按钮，而这正是我所期望的。

我能完成这个任务吗？

谢谢!

jsfiddle:http://jsfiddle.net/kralco626/hd4Dy/4/

Answer 1

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

更多信息:

http://blog.paciellogroup.com/2010/01/alt-and-title-content-display-in-popular-browsers/

PS:即显示“搜索”文本。