html - IE6 和 IE7 的输入值文本换行

Question

我正在尝试创建一个提交类型的输入，它将包含一个很长的文本作为值。我希望此文本根据输入宽度换行。如果我添加 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

Answer 1

您应该能够使用按钮标签。它允许多行按钮，因为它更像一个标准元素。虽然在 ie (6,7) 中我相信它只会提交标签之间的数据，所以我们使用一些轻量级的 javascript 来解决这个问题。

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

现在我自己并没有经常使用按钮元素，但它应该可以很好地与那里的 javascript 一起工作。