Как ссылаться на изображение в кавычках в HTML

Question

Мне было интересно, как отображать изображение внутри кнопки.

У меня есть этот код:

<input type="button" value="TEXT GOES HERE" onclick="showImage();"/> 

И я хочу, чтобы поместить изображение внутри кнопки вместо текста. Я попытался установить поле значения на путь изображения:

<input type="button" value="this.src='Images/pickups.png'" onclick="showImage();"/> 

, но вместо того, чтобы выводить изображение он просто отображает this.src... как текст.

Answer 1

Если вы хотите button, используйте button HTML тег, а внутри поместить img тег с src атрибут, указывающий на ваш URL изображения

<button type="button" onclick="showImage();"><img src="favicon.ico"/></button>