是否可以在 html css 的输入标签中的下一行？

Question

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

 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>

Answer 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>