Html 正确对齐输入中的文本

我有一个输入类型text（也尝试了textarea），我把它的高度设置为400px，因为我想把它变成一个文本框。比如我现在输入的那个。文本将在哪里换行，等等。问题是文本只在中间并向右滚动，而不是环绕。我该如何正确地做呢

编辑：我已经描述过了，但是如果下面是代码：

<input type="text" name="message" id="contact_message" pattern=".{10,}">

---

这里有两个选项：a

和a

。我建议使用

textarea{
高度：400px；
宽度：400px；
单词包装：打断单词；
大纲：0；
边框：1px纯黑；
字体系列：Arial，无衬线；
字号：20pt；
}

---

这是一段非常长的文本，当它跨越400像素宽时，应该分成新行，并转到新行ehahoithiahithahithahohoghaohtoihaoiehnbieahoiahtoai

您可以使用TextArea not input标记

默认情况下，textarea将执行所需的操作。 还有一个类似多行设置属性行的选项

这样就不需要设置高度

检查这里的小提琴

#联系信息{
宽度：400px；
高度：400px；
}

您可以使用多种选项。请检查

这是一把小提琴

 textarea {
    height: 400px;
    width: 400px;
}

希望能有所帮助。

#联系信息{
宽度：400px；
高度：400px；
}

在此处或任何在线编辑器（如JSFIDLE或codepen）上发布您的代码，并在此处共享其链接text区域是您需要使用的区域。不输入类型文本。在文本区域中，您可以对多行使用rows属性。使用

textarea

而不是

text

type

input

我现在很好奇；你说你已经尝试了一个文本区域，那么它怎么不起作用呢？你不需要逗号。您也可以使用

minlength

属性。什么逗号？这是用户的问题。是的，但您可以更正用户代码中的错误。

<textarea name="message" id="contact_message"></textarea>
#contact_message {
    width: 400px;
    height:400px;
}

 textarea {
    height: 400px;
    width: 400px;
}