<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 | 规定当提交表单时,文本区域中的文本应该怎样换行。 |