如何在 HTML 中使用 textarea(多行文本输入字段)?
要添加多行文本输入,请使用 HTML 的 <textarea> 标签。您可以使用 cols 和 rows 属性设置文本区域的大小。它用于表单中,允许用户输入多行文本。
以下是 <textarea> 标签的属性 -
属性 | 值 | 描述 |
---|---|---|
autofocus | autofocus | 指定在页面加载时文本区域应自动获得焦点。 |
Cols | 数字 | 根据可见字符宽度的数量指定 textarea 的宽度 |
Disabled | disabled | 根据可见字符宽度的数量指定 textarea 的宽度。 |
form | form_id | 指定一个或多个表单。 |
maxlength | 数字 | 指定 textarea 中字符的最大数量。 |
Name | 文本 | 为输入控件分配一个名称。 |
placeholder | 文本 | 指定 textarea 中值的简短提示。 |
Readonly | readonly | 将输入控件设置为只读。它不允许用户更改值。但是,控件可以接收焦点,并且在按 Tab 键遍历表单控件时包含在内。 |
required | required | 指定 textarea 是必需的。 |
Rows | 数字 | 根据可见文本行的数量指定 textarea 的高度。如果文本超过此限制,用户可以使用 textarea 的滚动条进行滚动。 |
wrap | hard soft | 指定要在 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>
广告