html css中输入标签的下一行可以吗？答案

【问题标题】：Is that possible to next line in Input tag in html css?html css中输入标签的下一行可以吗？
【发布时间】：2021-05-27 14:14:41
【问题描述】：

我有一个输入标签，当我输入输入时，在给定宽度后，文本被溢出隐藏。我真正需要的是当我输入输入时，文本转到下一行，是可能。只输入不是文本区域。

    input {
        height: auto;
    
    }

<!DOCTYPE html>
<html>
<body>

<h1>The input element</h1>

<form action="/action_page.php">
  <input type="text"  id="comment" name="comment" /><br/>
  <input type="submit" value="Submit">
</form>

<p>Click the "Submit" button and the form-data will be sent to a page on the 
server called "action_page.php".</p>

</body>

</html>

【问题讨论】：

这能回答你的问题吗？ Multiple lines of input in <input type="text" />
@Shahab Khan 不，为什么textarea 不好？
不能用js把它变宽吗？你真的需要多行吗
好的，我会用textarea

标签： javascript html css reactjs input

【解决方案1】：

autosize(document.getElementById("comment"));

#comment{
    resize: none;
    height: 16px;
}

<!DOCTYPE html>
<html>
<body>

<h1>The input element</h1>

<form action="/action_page.php">
  <textarea id="comment" name="comment"></textarea><br/>
  <input type="submit" value="Submit">
</form>

<p>Click the "Submit" button and the form-data will be sent to a page on the 
server called "action_page.php".</p>

</body>
<script src="https://rawgit.com/jackmoore/autosize/master/dist/autosize.min.js"></script>
</html>

【讨论】：