2010-07-15 70 views
29

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

我试过了: overflow:hidden; 自动换行:断字;

我没有运气。有关如何完成此任何其他建议?

+0

使用这里提到的jQuery:http://stackoverflow.com/questions/8809568/html-javascript-vertically-expand-textbox-when-text-is-too-long – kurifu 2012-02-16 20:10:52

回答

21

我认为你应该使用一个多输入字段作为文本区:

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

示例代码:

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

我会looooove使用textarea,但我我被迫使用输入字段。 – Xtian 2010-07-15 00:52:05

+0

嗯,我认为,使用输入字段,你不能得到这种行为。至少我从来没有见过。这就是为什么TextArea存在的原因。 – 2010-07-15 00:59:40

+3

“强迫”以什么方式? – 2010-07-15 01:03:45

4

Xtian - 你不应该在需要使用任何限制<input><textarea>。只要给文本区域输入相同的名称就可以了。

比如,我刚刚更换

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

随着

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

好多了。