图像替代文本不起作用

时间:2013-08-06 18:11:35

标签: html google-chrome

我确定当有人指出我做错了什么时,我会打击自己,但我不能为我的生活找出为什么我不能在图像出现时出现替代文字不加载。

我有以下代码,显然是错误的图像路径(模拟图像因某种原因未加载):

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

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

我能完成这个吗?

谢谢!

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

2 个答案:

答案 0 :(得分:3)

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

更多信息:

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

PS:I.E。正在显示“搜索”文字。

答案 1 :(得分:0)

您错过了=

value="Find"

此外,它取决于浏览器。有些人会显示alt文字以防图片不可用,其他人则不会;所以它本身不是错误。例如,视障人士的浏览器总能展示它。