多行輸入

我有如下形式的文本輸入：

<input type="text"
       cols="40" 
       rows="5" 
       style="width:200px; height:50px;" 
       name="Text1" 
       id="Text1" 
       value="" />

我試圖讓它接受多行輸入。 寬度和高度使框變大，可是用戶能夠輸入全部想要的文本，但它只能填充一行。

如何使輸入更像文本區域？

---

#1樓

使用文本區域

<textarea name="textarea" style="width:250px;height:150px;"></textarea>

在開始和結束標記之間不要留任何空格。不然，這會留一些空行或空格。

---

#2樓

能夠經過給它一個word-break: break-word;來使文本輸入多行word-break: break-word; 屬性。 （僅在Chrome中對此進行測試）

---

#3樓

您應該使用textarea支持多行輸入。

<textarea rows="4" cols="50">
Here you can write some text to display in the textarea as the default text
</textarea>

---

#4樓

你不能 設計爲多行的惟一HTML表單元素是<textarea> 。

---

#5樓

檢查一下：

• http://www.w3.org/TR/html401/interact/forms.html#h-17.7

TEXTAREA元素建立多行文本輸入控件