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> 
現在

好多了。