мне нужно сделать ввод, который выглядит как эта кнопка

Question

У меня есть кнопка на HTML-странице, объявленной так:

<button type="submit" name="action" value="sort">SAVE CHANGES</button>

Моя компания требует, чтобы мы поддерживали более старые версии IE, а в версиях 8 и ниже, когда пользователь отправляет форму, он передает текст между тегами 2 кнопки. Поэтому мне нужно использовать входной тег вместо. Может кто-нибудь помочь мне понять, как создать тег ввода, в котором тип = submit, name = action и value = sort, но текст кнопки содержит надпись «SAVE CHANGES».

Спасибо!

Answer 1

Как это:

<input type="submit" name="action" value="SAVE CHANGES" />

Однако, если value="sort" важен для вас, возможно, вы можете переместить его в элемент input type="hidden".

Answer 2

Можно использовать кнопку изображения с надписью СОХРАНИТЬ ИЗМЕНЕНИЯ.

<input type="image" src="save_changes.png" name="action" value="sort" />

Answer 3

Требования, по-видимому, исключают решения, отличные от использования <input type=image>, что имеет серьезные проблемы; в частности, передаются координаты местоположения, по которому щелкнули, и, вероятно, пересмотр требований также исключит это.

Используя JavaScript, вы можете настроить данные до их отправки или использовать изображение с обработчиком onclick, который в некотором смысле превращает его в кнопку.

Как правило, подобные проблемы должны решаться путем изменения кода на стороне сервера. Но если у вас есть какая-то причина, почему имя поля (в представленных данных) должно отличаться от текста в кнопке, то, похоже, не существует никакого решения с данными условиями.

Answer 4

Не присваивайте кнопке отправки имя, создайте скрытое поле с нужным именем и значением.

<button type="submit">SAVE CHANGES</button>
<input type="hidden" name="action" value="sort" />

Итак, когда форма отправлена, будет отправлено значение "action = sort".