html里的input文本框怎样单行变多行

多行的就不能使用Input了。需要使用textarea标签属性：

textarea代表html的单多行输入域

html多行输入框

tyle="OVERFLOW:   hidden">

style="OVERFLOW:   visible">始终不显示滚动条，文本区域的大小会根据内容的增加，自动增长，以显示全部内容 

例子

扩展资料

textarea标签是成对出现的,以开始,以结束

专有属性.

1、common -- 公共属性

2、accesskey -- 表单的快捷键访问方式

3、cols -- 多行输入域的列数

4、disabled -- 输入域无法获得焦点、无法选择，以灰色显示，在表单中不起任何作用

5、name -- 元素名称

6、readonly -- 输入域可以选择，但是无法修改

7、rows -- 多行输入域的行数

8、tabindex -- 输入域的"tab"键遍历顺序

参考资料

百度百科-HTML

多行需要用到命令， 是多行文本的标签。

比如你要设个五行、一行50字的文本框，

textarea标签属性：

wrap：规定当提交表单时，文本区域中的文本应该怎样换行；off（不自动换行）、hard（显示效果和提交数据都自动换行）、soft（显示效果自动换行，提交的数据不自动换行）、physical（相当于hard）、virtual（相当于soft）；

form：定义文本区域所属的一个或多个表单；

required：规定文本域为必须输入项目（必填内容）；

autofocus：规定当页面加载时，文本区域自动获得焦点；

maxlength：指定文本域中允许的最大字符数；如maxlength="20"表示最多只能输入20个文字；

placeholder：指定占位符，占位符会在输入文字为空时显示，并会在元素获得焦点时消失，也就是预先提示用户这里应该输入什么，鼠标点上去就消失的文字。

在html中，文本框仅代表单行文本框，如果需要输入多行数据，需要将标签更改为<br></p> <p>1、<input>示例如下：</p> <p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2F91529822720e0cf3c9476e550746f21fbf09aaef%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/91529822720e0cf3c9476e550746f21fbf09aaef"></p> <p>2、<textarea >示例如下：</p> <p><img loading="lazy" class="ikqb_img" src="/picurl?url=https%3A%2F%2Fiknow-pic.cdn.bcebos.com%2Fdcc451da81cb39db01d144f8dd160924ab18300e%3Fx-bce-process%3Dimage%252Fresize%252Cm_lfit%252Cw_600%252Ch_800%252Climit_1%252Fquality%252Cq_85%252Fformat%252Cf_auto" esrc="https://iknow-pic.cdn.bcebos.com/dcc451da81cb39db01d144f8dd160924ab18300e"></p> <p><strong>扩展资料：</strong><br></p> <p>1、<input> 中根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。</p> <p>2、HTML 与 XHTML 之间的差异</p> <p>在 HTML 中，<input> 标签没有结束标签。</p> <p>在 XHTML 中，<input> 标签必须被正确地关闭。</p> <p>3、<textarea> 标签定义多行的文本输入控件。</p> <p>文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。</p> <p>可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。</p> <p><strong>参考资料：</strong>百度百科-HTML</p> <p><strong><br></strong><br></p></p> </div> </div> <div class="clear"></div> </div> <div class="wdhdnr"> <div class="huidanrtop"> <div class="wdhuidaxinx"> <div class="wdhuidaxm">回答（4）：</div> </div> </div> <div class="clear"></div> <div class="wdhuidanrmid"> <div class="zuijiacont"> <p>你好，多行的就不能使用Input了。需要使用textarea。比如：<br><input type="text" name="a" value="这里写内容" /><br>改成<textarea name="a" style="width:200px;height:80px;">这里写内容

如果我的回答没能帮助您，请继续追问。

input::placeholder {
white-space:normal;
}