Обтекание входного значения для IE6 и IE7

Question

Я пытаюсь создать ввод типа submit, который будет содержать довольно длинный текст в качестве значения. Я хотел бы, чтобы этот текст был перенесен в соответствии с шириной ввода. Если я добавлю перенос слов: break-word и while-space: normal, он будет работать нормально для большинства браузеров, но не для IE6 и IE7, которые мне также нужны. Есть ли способ добиться этого для IE6-7?

<input type="submit" class="button" style="word-wrap:break-word;white-space: normal;"  name="custom_btn" value="{% trans "Lorem Ipsum is simply dummy text of the printing"%}" onclick=""/>

* Я использую django для бэкэнда

Answer 1

Обычно <button type="submit"></button> отправляет форму, в которую он встроен, но не передает само значение, в отличие от <input type="submit" /> с атрибутом значения (так что вы можете проверить на стороне сервера, действительно ли была нажата кнопка).

Если вам не нужно проверять действие, вы можете использовать кнопку типа submit, как предложил Джастин, и вам обычно даже не нужно устанавливать разрывы или какие-либо дополнительные CSS.Текст внутри кнопки, имеющий заданную ширину, обернут правильно, потому что между DOM-элементом (<button></button>) и его содержимым есть изоляция, тогда как во входных данных отображаемый текст задается как атрибут самого DOM-элемента.

Answer 2

Вы должны быть в состоянии использовать тег кнопки.Он учитывает многострочные кнопки, потому что он действует больше как стандартный элемент.Хотя в ie (6,7) я верю, что он будет отправлять только данные между тегами, поэтому мы используем некоторый легкий javascript, чтобы обойти это.

<button type="button" onClick="document.myForm.submit()">
First Line<br />
Second Line<br />
Third Line<br />
</button>

Теперь я не использовал элемент buttonСам по себе, но он должен хорошо работать с JavaScript там.