我有以下形式的文本输入:
<input type="text"
cols="40"
rows="5"
style="width:200px; height:50px;"
name="Text1"
id="Text1"
value="" />
我试图让它接受多行输入。宽度和高度会使框变大,但用户可以输入所有想要的文本,但它只能填充一行。
如何使输入更像文本区域?
我有以下形式的文本输入:
<input type="text"
cols="40"
rows="5"
style="width:200px; height:50px;"
name="Text1"
id="Text1"
value="" />
我试图让它接受多行输入。宽度和高度会使框变大,但用户可以输入所有想要的文本,但它只能填充一行。
如何使输入更像文本区域?
您应该使用它textarea
来支持多行输入。
<textarea rows="4" cols="50">
Here you can write some text to display in the textarea as the default text
</textarea>
通过赋予word-break: break-word;
属性,可以使文本输入多行。(仅在Chrome中对此进行测试)
您需要使用文本区域进行多行处理。
<textarea name="Text1" cols="40" rows="5"></textarea>
使用文本区域
<textarea name="textarea" style="width:250px;height:150px;"></textarea>
在开始和结束标记之间不要留任何空格。否则,这会留一些空行或空格。
你不能 在撰写本文时,唯一设计为多行的HTML表单元素是<textarea>
。
输入不支持多行。您需要使用文本区域来实现该功能。
有关更多信息,请参阅此。