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

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>

我不知道文本框是否是个好主意。因为当文本在框的末尾填满时，它会继续向右移动，但我希望文本移至下一行。

Answer 1

您应该使用<textArea>

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

只需调整cols和rows属性，然后添加所需的样式即可。