Как заставить IE 7 работать с изображением, установленным в качестве кнопки отправки в HTML-форме?

Question

У меня есть HTML-форма с действием на PHP-сценарий.И я установил кнопку отправки, чтобы иметь собственное изображение, а не показывать его как серую вещь по умолчанию.Я протестировал код в chrome, и скрипт php работает нормально (имеется в виду, что кнопка submit успешно вызывает и запускает скрипт php после его нажатия).Однако этот же код не работает в IE 7.

Не могли бы вы дать мне знать, как заставить его работать и в IE 7 (мне нужна поддержка IE 7) -

Код:

<form action="some_php_script.php" method="post">
<input type="image" src="submit-button.png" name="submit-plus" id="submit-plus" value="submit" />
</form>

В связанной заметке у меня есть еще один вопрос - вышеупомянутая форма в настоящее время ссылается на "some_php_script.php".Можно ли написать фрагмент php в этом разделе html, чтобы он мог передавать некоторые значения в URL скрипта, как показано ниже -

<form action="some_php_script.php?page=12" method="post">

(По сути, я хочу, чтобы? Page = 12 передавался динамическина основе другого значения на текущей странице.)

Спасибо!

Answer 1

http://www.w3.org/TR/html4/interact/forms.html#h-17.4.1

image Создает графическую кнопку отправки.Значение атрибута src указывает URI изображения, которое будет украшать кнопку.По причинам доступности авторы должны предоставить альтернативный текст для изображения через атрибут alt.

Когда для нажатия на изображение используется указывающее устройство, форма отправляется, а координаты щелчка передаются на сервер.Значение x измеряется в пикселях слева от изображения, а значение y - в пикселях сверху изображения.Представленные данные включают name.x = x-value и name.y = y-value, где «name» - это значение атрибута name, а x-value и y-value - значения координат x и y соответственно.

Если сервер выполняет различные действия в зависимости от местоположения, по которому щелкнули, пользователи неграфических браузеров будут в невыгодном положении.По этой причине авторам следует рассмотреть альтернативные подходы:

Использовать несколько кнопок отправки (каждая со своим изображением) вместо одной графической кнопки отправки.Авторы могут использовать таблицы стилей для управления расположением этих кнопок.Используйте клиентскую карту изображений вместе со сценариями.

Answer 2

попробуй с

<button type="submit" name="submit-plus" id="submit-plus" value="submit">
  <img src="submit-button.png" alt="submit" title="submit"/>
</button>

Ссылка

Answer 3

Я не уверен, что вы нашли надежное решение для этого или нет, но у меня возникла та же проблема в IE 7. Изображение кнопки отлично выглядит в IE 8+ и, конечно, в Firefox & Chrome.

Вы можете сохранить теги кнопок там, как показано в примере из diEcho, или вы можете вернуться к исходному коду с тегами ввода.То, что вы хотите сделать, это добавить стиль «background-color» и установить его «прозрачным».Я вижу, у вас нет класса, связанного с кнопкой, поэтому вы можете просто создать встроенный стиль во входном теге.

    <form action="some_php_script.php" method="post">
    <input type="image" src="submit-button.png" name="submit-plus" id="submit-plus" value="submit" style="background-color: transparent;" />
    </form>  

Сделайте это!Если вы видите забавную рамку вокруг кнопки, вы можете добавить дополнительный стиль border: none; в свой встроенный стиль.