|
textarea 是一个用于在网页上创建多行文本输入框的HTML标签。它具有多种属性,用于定义输入框的外观、行为和功能。以下是一些常用的textarea属性:
cols:定义多行文本输入框每行中的字符数。例如,`cols="60"` 表示一行中最多可容纳60个字节,也就是30个汉字。
rows:定义多行文本输入框显示的行数。例如,`rows="10"` 表示可显示10行。
name:为多行文本输入框规定一个名称,用于存储和提交文本。
disabled:设置多行文本输入框是否为禁用状态。
readonly:设置多行文本输入框是否为只读状态。
wrap:定义文本是否自动换行。默认情况下,文本框中的文本会在达到限制时自动换行。
style:用于设置文本框的背景色、滚动条颜色、边框色、输入字体的大小颜色等样式。
class:用于调用外部CSS文件中的设置。
需要注意的是,textarea 标签没有 `value` 属性,因此,如果需要为 textarea 赋值,可以使用 `value` 属性作为 `innerHTML` 的一部分,或者使用 `setAttribute` 方法设置。此外,不同浏览器对 `cols` 和 `rows` 属性的理解可能有所不同,导致在浏览器中显示的效果存在差异。因此,建议使用CSS的 `width` 和 `height` 属性来定义多行文本输入框的宽高。
textarea不可编辑
要使textarea元素不可编辑,可以使用`disabled`或`readonly`属性。`disabled`属性会使得textarea变为灰色,且里面的文字不可编辑,同时滚动条也会自动消失。而`readonly`属性则允许textarea的滚动条和文字保持不变,但里面的文字仍然不能被编辑。在jQuery中,可以通过`attr()`方法设置这两个属性,例如:
```javascript
$("textarea").attr("disabled", "disabled");
```
或
```javascript
$("textarea").attr("readonly", "readonly");
```
这两种方法都可以达到使textarea不可编辑的效果。
|
|