多行输入

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

<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元素建立多行文本输入控件