【textarea的属性】在HTML中，`` 元素用于创建多行文本输入框，常用于表单中让用户输入较长的文本内容。虽然它的结构相对简单，但通过一些常用的属性，可以实现更灵活的交互效果。以下是对 `textarea` 常用属性的总结。</p><p>一、常用属性说明</p><table><tbody><tr><td> 属性名 </td><td> 描述 </td><td> 是否必需 </td><td> 示例 </td></tr><tr><td> `rows` </td><td> 定义文本区域的可见行数 </td><td> 否 </td><td> `rows="5"` </td></tr><tr><td> `cols` </td><td> 定义文本区域的可见列数 </td><td> 否 </td><td> `cols="30"` </td></tr><tr><td> `name` </td><td> 为表单元素指定名称，用于提交数据时识别 </td><td> 是 </td><td> `name="message"` </td></tr><tr><td> `value` </td><td> 设置或返回文本区域的初始值 </td><td> 否 </td><td> `value="欢迎使用本系统"` </td></tr><tr><td> `disabled` </td><td> 禁用文本区域，用户无法输入 </td><td> 否 </td><td> `disabled` </td></tr><tr><td> `readonly` </td><td> 设置文本区域为只读，用户不能修改内容 </td><td> 否 </td><td> `readonly` </td></tr><tr><td> `placeholder` </td><td> 提示用户输入的内容 </td><td> 否 </td><td> `placeholder="请输入您的留言"` </td></tr><tr><td> `autofocus` </td><td> 页面加载后自动聚焦到该文本区域 </td><td> 否 </td><td> `autofocus` </td></tr><tr><td> `wrap` </td><td> 控制文本区域中的换行方式（soft 或 hard） </td><td> 否 </td><td> `wrap="soft"` </td></tr></tbody></table><p>二、使用示例</p><p>```html</p><p><textarea name="message" rows="5" cols="30" placeholder="请输入您的留言..." autofocus>

```

在这个例子中，`textarea` 设置了 5 行和 30 列，显示提示文字，并在页面加载后自动获得焦点。

三、注意事项

- `rows` 和 `cols` 只是设置初始显示大小，实际宽度和高度可能受CSS影响。

- `value` 属性在HTML中可以直接写在标签内，也可以通过JavaScript动态设置。

- 使用 `disabled` 或 `readonly` 时，应根据实际需求选择，避免用户误解功能限制。

- `placeholder` 在某些浏览器中可能不支持，建议配合其他提示方式使用。

通过合理使用这些属性，可以提升用户体验并增强表单的功能性。在实际开发中，结合CSS和JavaScript，可以进一步优化 `textarea` 的表现形式和交互逻辑。