Question

我有一个输入字段，用户会在里面写文字，但是当文字很长时，它只是水平延伸而不是垂直下降。

我试过了：

overflow: hidden;
word-wrap: break-word;

我没有运气。关于如何实现这一目标的任何其他建议？

Answer 1

我认为你应该使用多行输入字段作为TextArea：

http://htmlhelp.com/reference/html40/forms/textarea.html

示例代码：

<textarea rows="10" cols="30"></textarea>

Answer 2

Xtian - 您对使用<input>或<textarea>的位置不应有任何限制。只需给文本区域指定您用于输入的名称，就可以了。

例如，我刚刚更换了

<input type="text" name="reply" />

使用

<textarea rows="1" cols="26" name="reply"></textarea>

现在好多了。

Answer 3

这是我发现的一个灵魂，只需使用隐藏输入并使用文本按钮和表单操作即可。

<form method="post" action="nextpage.php">

    <input style="display: none;" name="name" type="text" value=“somedata"></input>

    <button>Some text that you want to wrap but also submit the form </button>

</form>

输入字段，换行文本而不是水平扩展

3 个答案: