Question

我正在尝试创建一个类型为submit的输入，其中包含一个很长的文本作为值。我希望这个文本根据输入宽度进行换行。如果我添加自动换行：break-word和while-space：normal它适用于大多数浏览器，但不适用于IE6＆amp; 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。

Answer 2

通常<button type="submit"></button>会提交它所嵌入的表单，但它本身不会传递值，这与带有value属性的<input type="submit" />不同（因此，如果按钮，则可以检查服务器端）实际上已被点击了。）

如果您不必检查操作，那么您可以使用像Justin建议的按钮类型提交，您通常甚至不需要设置中断或任何额外的CSS。具有指定宽度的按钮内的文本被正确包装，因为DOM-Element（<button></button>）与其内容之间存在隔离，而在输入中，显示的文本被设置为DOM-Element的属性本身。

IE6＆amp;的输入值文本换行IE7

2 个答案: