HTML <textarea> 标签

<textarea> 标签用于创建文本框,允许用户输入多行文本。它是一个自闭合标签,不需要闭合标签。

属性

  • cols: 指定文本框的列数。
  • rows: 指定文本框的行数。
  • name: 指定文本框的名称,用于表单提交。
  • disabled: 禁用文本框,用户无法编辑其中的内容。
  • readonly: 设置文本框为只读,用户可以看到内容但无法编辑。
  • placeholder: 在文本框中显示占位符文本,用于提示用户输入内容。

示例代码

在上面的示例中,我们创建了一个具有 30 列和 10 行的文本框,并设置了名称为 "message",同时添加了一个占位符提示用户输入留言。

注意事项

  • <textarea> 标签内可以包含默认文本,用户可以直接在文本框中编辑或删除该内容。
  • 可以通过 CSS 样式来美化文本框的外观,比如改变字体、背景颜色等。
  • 使用 JavaScript 可以对文本框内容进行操作和验证,比如限制输入长度、实时统计字数等。
属性 描述
autofocus autofocus 规定当页面加载时,文本区域自动获得焦点。
cols number 规定文本区域内可见的宽度。
disabled disabled 规定禁用文本区域。
form form_id 定义文本区域所属的一个或多个表单。
maxlength number 规定文本区域允许的最大字符数。
name text 规定文本区域的名称。
placeholder text 规定一个简短的提示,描述文本区域期望的输入值。
readonly readonly 规定文本区域为只读。
required required 规定文本区域是必需的/必填的。
rows number 规定文本区域内可见的行数。
wrap hard soft 规定当提交表单时,文本区域中的文本应该怎样换行。
纠错
反馈

纠错反馈