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

html HTML

凯凯

2020-03-23

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

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

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

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

第2646篇《<input type =“ text” />中的多行输入》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共7个回答
泡芙 2020.03.23

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

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

请记住，标记中<textarea>有值，而不是属性中：

<textarea>INITIAL VALUE GOES HERE</textarea>

它不能自我关闭，因为： <textarea/>

有关更多信息，请参阅此。

斯丁乐 2020.03.23

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

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

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

达蒙西门十三 2020.03.23

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

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

伽罗理查德 2020.03.23

检查一下：

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

飞云Tom 2020.03.23

使用文本区域 

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

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

卡卡西 2020.03.23

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android