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

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

这是<textarea>标签的属性-

属性

描述
自动对焦
自动对焦
指定在页面加载时文本区域应自动获得焦点。
科尔斯

根据可见字符宽度的数量指定文本区域的宽度。
残障人士
残障人士
根据可见字符宽度的数量指定文本区域的宽度。
形成
form_id
指定一种或多种形式。
最长长度

指定文本区域中的最大字符数。
名称
文本
为输入控件分配一个名称。
占位符
文本
指定文本区域中值的简短提示。
只读
只读
将输入控件设置为只读。不允许用户更改值。但是,该控件可以获得焦点,并在通过表单控件进行制表时会包含在内。
需要
需要
指定需要文本区域。
行数

根据文本的可见行数指定文本区域的高度。如果文本超出此范围,则用户可以使用textarea的滚动条进行滚动。



指定要包装在textarea中的文本。


示例

您可以尝试运行以下代码来创建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>