How to show just text inside an INPUT attribute? HTML

Question

I do want to show just text inside an INPUT. So, How can I do it?

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

Basically, It works good but Safari and Chrome does not display the alt="Donate. Instead, it shows an empty square.

Edited: I have used this code from 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 */
}

Then, How can I display the word Donate? I do not want to use an images. I want to use just text to show Donate

PS: I am dealing with PayPal's donation button.

Answer: I have forgot to add value="Donate" :P

Answer 1

Why are you using input type="image"?

How about something like this:

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

Answer 2

I don't think you want to be doing what you are doing here. You are effectively making a dead image link here.

Rather than that, if you are trying to do a submit button or something, use the proper HTML type for this.

Answer 3

It's bad behaviour from WebKit that it doesn't show the alt text, but even so you shouldn't be deliberately using a broken image.

If all you want is a submit button without the button styling, you can do that with 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 */
}