我希望输入框中的文本正确对齐并在填充后开始新行

Question

我是 HTML 的新手，正在编写一个简单的提交类型，但我遇到了两个样式化问题。

问题 1：在这段代码中，当我键入时，边框填充后有右侧滚动效果，我希望框在填充时垂直展开。

<input style="height:auto;width:500px;font-size:12pt;margin:30px;border:2px dashed #f69c55;padding:5px;word-wrap:break-word" 
type="text" name="content"/>
<input type="submit" value="Submit"/>

问题 2：当我将高度设置为 100 像素时，我想将文本对齐到左上角而不是居中。

<input style="height:100px;width:500px;font-size:12pt;margin:30px;border:2px dashed #f69c55;padding:5px;word-wrap:break-word" 
type="text" name="content"/>
<input type="submit" value="Submit"/>

Answer 1

有个东西叫：

<textarea></textarea>

我希望输入框中的文本正确对齐并在填充后开始新行

I want the text inside the input box to align properly and start a new line once filled

html

submit