html中的发送框的代码

HTML中的发送框通常被用于在网页上发送消息或者邮件。如果您正在构建一个网站或者应用程序，您可能需要添加一个发送框来让用户方便地发送消息。在本文中，我们将介绍如何使用HTML和CSS来创建一个发送框。 首先，我们需要使用HTML创建一个表单元素。您可以使用以下代码：

<form action="/" method="post">
  <textarea name="message" placeholder="Type message here"></textarea>
  <input type="submit" value="Send">
</form>

上面的代码创建一个包含一个文本框和一个提交按钮的表单。文本框用于输入消息，提交按钮用于发送消息。为了方便用户，我们在文本框中添加了一个占位符。 接下来，我们将使用CSS样式表来美化这个表单。以下是一个简单的CSS代码：

form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 50%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
textarea {
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  resize: none;
}
input[type="submit"] {
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
}

上面的代码将表单居中，设置宽度为50％，添加内边距和边框，以及设置圆角。文本框的宽度设置为100％，高度设置为100像素，并添加了内边距和边框。提交按钮设置了背景颜色，文本颜色和圆角。 最后，您可以在您的网页中添加这个发送框，并让用户填写和发送消息。现在，您已经了解了如何使用HTML和CSS来创建一个简单且美观的发送框。