首页 > 编程笔记 > HTML笔记 阅读:9

HTML <textarea>标签的用法(附带实例)

在 HTML 中还有一种特殊定义的文本样式,称为文字域、文本域或者文本标签。它与文字字段的区别在于它可以添加多行文字,从而可以输入更多文本。这种文本样式在留言板中最为常见。具体语法如下:
<textarea name="textname" rows="rows_value" cols="cols_value">value</textarea>
文本域属性如下表所示:

表:文本域属性
取值 描述
name 文本域的名称
rows 文本域的行数
cols 文本域的列数
value 文本域的默认值(可直接写入开始标签与结束标签之间)

【实例】创建一个留言板页面,在页面中使用文本域。代码如下:
<form>
  <h3 align="center">留言板</h3>
  标题: <input type="text" name="username" size="50"><br /><br />
  <!-- 设置一个文本域,设置该文本域的行数为 10,列数为 70 -->
  内容: <br />
  <textarea name="word" rows="10" cols="70"></textarea>
</form>
运行效果如下图所示(页面显示“留言板”标题、一个文本框标题输入框及 10 行 × 70 列的文本域)。


图 1 在页面中使用文本域

相关文章