要创建多行文本输入,请使用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>