HTML 如何创建多行文本输入

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

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

下面是<textarea>标签的属性 –

属性 描述
autofocus autofocus 指定在页面加载时文本区域应自动获得焦点。
Cols number 根据可见字符宽度的数量指定文本区域的宽度。
Disabled disabled 禁用文本区域。
form form_id 指定一个或多个表单。
maxlength number 指定文本区域中的最大字符数。
Name text 为输入控件指定一个名称。
placeholder text 指定文本区域中值的简短提示。
Readonly readonly 将输入控件设置为只读。它不允许用户更改值。然而,控件可以获得焦点,并在通过表单控件进行选项卡时包括在内。
required required 指定文本区域是必填的。
Rows number 根据可见文本行数指定文本区域的高度。如果文本超过此高度,用户可以使用文本区域的滚动条滚动。
wrap hardsoft 指定文本区域中的文本如何换行。

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

示例

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

Camera课程

Python教程

Java教程

Web教程

数据库教程

图形图像教程

办公软件教程

Linux教程

计算机教程

大数据教程

开发工具教程

HTML 精选笔记