Перенос текста входного значения для IE6 и IE7

Я пытаюсь создать ввод типа submit, который будет содержать довольно длинный текст в качестве значения. Я хотел бы, чтобы этот текст был перенесен в соответствии с шириной ввода. Если я добавлю word-wrap: 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 для бэкэнда


html css word-wrap internet-explorer-7 internet-explorer-6
person FoF    schedule 03.11.2011    source источник

Ответы (2)


arrow_upward
1
arrow_downward

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

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

Сейчас я сам нечасто использовал элемент кнопки, но он должен нормально работать с имеющимся там javascript.

person Justin    schedule 03.11.2011

arrow_upward
1
arrow_downward

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

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

person Simon    schedule 03.11.2011