如何在 HTML 中创建多行文本输入框(文本区域)?


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

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

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

换行软硬指定要在文本区域中换行的文本。

示例

您可以尝试运行以下代码在 HTML 中创建多行文本输入 -

<!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 = "5" cols = "60" name = "description">
            Enter details here...
         </textarea><br>
         <input type = "submit" value = "submit" />
      </form>
   </body>
</html>

更新于: 2023年9月2日

50K+ 次查看

开启您的 职业生涯

通过完成课程获得认证

开始
广告

© . All rights reserved.