文本域（可输入多行文本）

最新推荐文章于 2025-10-06 02:50:48 发布

原创最新推荐文章于 2025-10-06 02:50:48 发布 · 8.3k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#文本域

HTML 专栏收录该内容

4 篇文章

订阅专栏

本文介绍HTML中如何使用文本域，通过<textarea>标签创建多行文本输入区域，并展示了一个包含行数、列数属性及默认文本的示例。

1）和文本、密码输入框一样，文本域的代码也是在<form></form>标签内部的。
语法如下：

 <textarea rows="行数" cols="列数">文本</textarea>
   
如：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>文本域</title>
</head>
<body>
<form action="save.php" method="post" >
    <label>个人简介：</label>
    <textarea cols="50" rows="10">在这里输入内容...</textarea>
    <input type="submit" value="确定"  name="submit" />
    <input type="reset" value="重置"  name="reset" />
</form> 
</body>
</html>

效果如下：
在这里插入图片描述