如何在INPUT属性中显示文本? HTML

时间:2010-09-15 18:47:33

标签: html css

我确实想在INPUT中显示文本。那么,我该怎么做呢?

<p><input type="image" src="" border="0" name="submit" alt="Donate"></p>

基本上,它运作良好,但Safari和Chrome不会显示alt="Donate。相反,它显示一个空方块。

编辑: 我使用过来自bobince的代码:

 <input type="submit" class="unbutton" value="Donate">

.unbutton {
    color: black; background: none;
    border: none; padding: 0; margin: 0;
    overflow: visible;   /* this is an IE hack to avoid extra button width */
}

然后,我如何显示Donate这个词?我不想使用图像。我想只使用文字来显示Donate

PS:我正在处理PayPal的捐款按钮。

答案:我忘记添加value="Donate":P

3 个答案:

答案 0 :(得分:5)

来自WebKit的不良行为是它没有显示alt文本,但即便如此,你也不应故意使用损坏的图像。

如果你想要的只是一个没有按钮样式的提交按钮,你可以用CSS做到这一点:

<input type="submit" class="unbutton" value="Donate">

.unbutton {
    color: black; background: none;
    border: none; padding: 0; margin: 0;
    overflow: visible;   /* this is an IE hack to avoid extra button width */
}

答案 1 :(得分:4)

您为什么使用input type="image"

这样的事情怎么样:

<p><input type="submit" name="submit" value="Donate"></p>

答案 2 :(得分:0)

我认为你不想做你在这里做的事情。你在这里有效地建立了死图像链接。

与其相比,如果您尝试执行提交按钮或其他内容,请使用正确的HTML类型。