2013-08-13 2 views
-1

Я пытаюсь использовать изображение для кнопки как:изображение кнопки в PHP

<button name="foo" type="button" value="bar" onclick="AjaxResponse()" > <img src="img.png"> </button> 

или

<button name="foo" type="button" value="bar" onclick="AjaxResponse()" img src="img.png" /> 

И это кнопка не показывать с изображением. Он просто показывает небольшую иконку, которая выполняет правильную операцию при нажатии. Но почему изображение не видно?

+0

Почему бы просто не сделать это в CSS с ' фон-image'. – elclanrs

+0

Вы уверены, что путь к вашему изображению правильный? –

+0

Используйте изображение типа ввода http://www.w3schools.com/tags/att_input_src.asp. И оба ваших html-кода неверны. – machineaddict

ответ

2

Укажите width и height correctly.Like

<img src="something" width=200 height=200> 

В противном случае используйте тег Div, чтобы создать пользовательскую кнопку с помощью CSS.

Go через это вы можете получить некоторое представление Click here

1

Там нет необходимости PHP, это в вашем HTML-части, и вы не можете сделать это без CSS или вы можете использовать:

<input type="image" ... 

узнать больше прочитать по следующей ссылке: Input Types

или посмотрите на CSS: background

1

Просто использовать <img> тег и добавить onClick к нему:

<img src="img.png" onclick="AjaxResponse()" /> 

Кроме того, вы можете установить ширину и высоту в соответствии с размерами вашей картинки:

<img src="img.png" onclick="AjaxResponse()" width="100" height="100" /> 

Однако свойство CSS background-image, вероятно, является лучшим решением. Там вы также можете настроить width и height.

+0

элемент img не имеет закрывающего тега :-( – jeff

+0

@jeff Обычно я использую'XHTML ', где все теги должны быть закрыты, но я отредактировал ответ. – Georg

+0

Этот правильный синтаксис XHTML был обесценен и не обновлялся с 1999 года. Используйте синтаксис html 5. – jeff

1
<input type="image" src="FILEPATH" onclick="AjaxResponse()" name="foo" id="button" value="bar"> 
1

, если вы не хотите использовать CSS, вы можете использовать вход, как это,

input type="image" src="img.png" name="foo" type="button" alt="bar" onclick="AjaxResponse()" 
Смежные вопросы