<textarea> 标签用于创建文本框,允许用户输入多行文本。它是一个自闭合标签,不需要闭合标签。
属性
cols: 指定文本框的列数。rows: 指定文本框的行数。name: 指定文本框的名称,用于表单提交。disabled: 禁用文本框,用户无法编辑其中的内容。readonly: 设置文本框为只读,用户可以看到内容但无法编辑。placeholder: 在文本框中显示占位符文本,用于提示用户输入内容。
示例代码
<textarea cols="30" rows="10" name="message" placeholder="请输入您的留言"></textarea>
在上面的示例中,我们创建了一个具有 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 | 规定当提交表单时,文本区域中的文本应该怎样换行。 |