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

问题描述 投票:29回答:2

我有一个输入字段,用户将在其中写入文本,但是当文本变长时,它只是水平延伸而不是垂直下降。

我试过了:

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

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

html css input text word-wrap
2个回答
21
投票

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

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

示例代码:

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

4
投票

Xtian - 你不应该对你需要使用<input><textarea>的地方有任何限制。只需给文本区域指定您用于输入的名称,就可以了。

例如,我刚刚更换了

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

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

现在好多了。

© www.soinside.com 2019 - 2024. All rights reserved.