使用 HTML 和 CSS 的解决方案

有两种方法可以设置 HTML <textarea> 元素的大小。

我们可以使用 HTML 或者 CSS。

在 HTML 中,我们可以使用 cols 和 rows 属性。
让我们看看这个解决方案的使用情况。

使用 HTML 设置 textarea 大小的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body>
    <form action="/form/submit" method="post">
      <textarea name="textarea" rows="5" cols="40">输入框</textarea>
      <br>
      <input type="submit" name="submitInfo" value="Submit">
    </form>
  </body>
</html>

在 CSS 中,我们需要使用 <textarea> 元素的宽度和高度属性。

使用 CSS 设置 textarea 大小的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <style>
      textarea {
        width: 250px;
        height: 100px;
      }
    </style>
  </head>
  <body>
    <form action="/form/submit" method="post">
      <textarea> </textarea>
      <br>
      <input type="submit" name="submitInfo" value="Submit">
    </form>
  </body>
</html>
如何设置 <textarea> 元素的大小
日期:2020-06-02 22:15:12 来源:oir作者:oir