<input type =“ text” />中的多行输入

我有以下形式的文本输入:

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

我试图让它接受多行输入。宽度和高度会使框变大,但用户可以输入所有想要的文本,但它只能填充一行。

如何使输入更像文本区域?

泡芙2020/03/23 10:25:19

输入不支持多行。您需要使用文本区域来实现该功能。

<textarea name="Text1"></textarea>

请记住,标记中<textarea>,而不是属性中:

<textarea>INITIAL VALUE GOES HERE</textarea>

它不能自我关闭,因为: <textarea/>


有关更多信息,请参阅

斯丁乐2020/03/23 10:25:19

您应该使用它textarea来支持多行输入。

<textarea rows="4" cols="50">
Here you can write some text to display in the textarea as the default text
</textarea>
LEYMandy2020/03/23 10:25:19

通过赋予word-break: break-word;属性,可以使文本输入多行(仅在Chrome中对此进行测试)

达蒙西门十三2020/03/23 10:25:19

您需要使用文本区域进行多行处理。

<textarea name="Text1" cols="40" rows="5"></textarea>

伽罗理查德2020/03/23 10:25:19

检查一下:

TEXTAREA元素创建多行文本输入控件

飞云Tom2020/03/23 10:25:19

使用文本区域

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

在开始和结束标记之间不要留任何空格。否则,这会留一些空行或空格。

卡卡西2020/03/23 10:25:19

你不能 在撰写本文时,唯一设计为多行的HTML表单元素是<textarea>