html - 如何制作一种文本框来编写内容？

Question

我不熟悉 CSS 样式，但我想制作一个文本框供用户在其上编写内容。就像电子邮件内容一样，您可以在其中写下您的信息。这是我的内容的屏幕截图。

如您所见，我只能在“框”中间写下我的文字。是否可以灵活地在我将鼠标光标指向的任何地方进行书写，就像普通的电子邮件内容一样？

我的代码：

To:<input type="text" style="font-size: 10pt;" size="30" name="Recipient"  ><br><br>

Subject:<input type="text" style="font-size: 10pt" size="70" name="Subject" ><br><br>


    Content:<input type="text" style="height: 400px;font-size: 10pt; width: 800px;" name="Content" height="100px" width="100px" ><br><br>

我不知道文本框是否是一个好主意。因为当文本在框的末尾填满时，它会继续正确，但我希望文本转到下一行。

标签： htmlcss

Answer 1

你应该使用<textArea>

<label>
    Content:
    <br>
    <textarea cols="60"  rows="20" name="content"></textarea>
</label>

只需调整cols和rows属性并添加您想要的样式。