可以使用 HTML <textarea> 元素创建多行文本输入字段。
我们需要使用该元素的 cols 和 rows 属性来设置文本区域大小。
<textarea> 必须在 <form> 元素中使用。
接下来，查看使用“提交”按钮添加多行文本区域的示例。
创建多行输入字段的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<form action="/form/submit" method="GET">
<textarea rows="5" cols="60" name="text" placeholder="Enter text"></textarea>
<br/>
<input type="submit" value="submit"/>
</form>
</body>
</html>
使用 HTML <label> 标签创建多行输入字段的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<form action="/form/submit" method="post">
<label for="text">Add Comments:</label>
<br>
<textarea id="text" name="text" rows="12" cols="50"></textarea>
<br/>
<input type="submit" value="Submit">
</form>
</body>
</html>
日期：2020-06-02 22:15:06 来源：oir作者：oir