如何在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中创建一个多行文本输入框 −
<!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>