如何在 HTML 中使用 textarea(多行文本输入字段)?


要添加多行文本输入,请使用 HTML 的 <textarea> 标签。您可以使用 cols 和 rows 属性设置文本区域的大小。它用于表单中,允许用户输入多行文本。

以下是 <textarea> 标签的属性 -

属性描述
autofocusHTML5autofocus指定在页面加载时文本区域应自动获得焦点。
Cols数字根据可见字符宽度的数量指定 textarea 的宽度
Disableddisabled根据可见字符宽度的数量指定 textarea 的宽度。
formHTML5form_id指定一个或多个表单。
maxlengthHTML5数字指定 textarea 中字符的最大数量。
Name文本为输入控件分配一个名称。
placeholderHTML5文本指定 textarea 中值的简短提示。
Readonlyreadonly将输入控件设置为只读。它不允许用户更改值。但是,控件可以接收焦点,并且在按 Tab 键遍历表单控件时包含在内。
requiredHTML5required指定 textarea 是必需的。
Rows数字根据可见文本行的数量指定 textarea 的高度。如果文本超过此限制,用户可以使用 textarea 的滚动条进行滚动。
wrapHTML5hard soft指定要在 textarea 中换行的文本。

 

Textarea

示例

您可以尝试运行以下代码以在 HTML 中使用 textarea -

<!DOCTYPE html>
<html>
   <head>
      <title>HTML textarea Tag</title>
   </head>

   <body>
      <form action = "/cgi-bin/hello_get.cgi" method = "get">
         What improvements you want in college?
         <br>

         <textarea rows = "4" cols = "40" name = "description">
            Enter details here...
         </textarea>
         <br>

         <input type = "submit" value = "submit" />
      </form>

   </body>
</html>

更新于:2020-05-14

6K+ 次查看

开启您的 职业生涯

通过完成课程获得认证

开始学习
广告