数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法学HTML DOM 文本区域对象
HTML DOM 文本区域对象代表 HTML 文档的 <textarea> 元素。
创建文本区域对象
语法
以下是语法：
document.createElement(“TEXTAREA”);
文本区域对象的属性
| 属性 | 解释 |
|---|---|
| autofocus | 返回并修改页面加载时文本区域是否应自动获得焦点的设置。 |
| defaultValue | 返回并修改 HTML 文档中文本区域元素的默认值。 |
| cols | 返回并修改 HTML 文档中文本区域元素 cols 属性的值。 |
| disabled | 返回并修改 HTML 文档中文本区域元素是否禁用的设置。 |
| form | 返回包含文本区域的表单的引用。 |
| maxLength | 返回并修改 HTML 文档中文本区域元素 maxLength 属性的值。 |
| name | 返回并修改 HTML 文档中文本区域元素 name 属性的值。 |
| placeholder | 返回并修改 HTML 文档中文本区域元素 placeholder 属性的值。 |
| readOnly | 返回并修改 HTML 文档中文本区域元素的内容是否应为只读。 |
| required | 返回并修改 HTML 文档中文本区域 required 属性的值。 |
| rows | 返回并修改 HTML 文档中文本区域元素 rows 属性的值。 |
| type | 返回 HTML 文档中文本区域所在的表单元素的类型。 |
| value | 返回并修改 HTML 文档中文本区域元素的内容。 |
| wrap | 返回并修改 HTML 文档中文本区域元素 wrap 属性的值。 |
文本区域对象的方法
| 方法 | 解释 |
|---|---|
| select() | 选择 HTML 文档中文本区域的内容。 |
让我们来看一个文本区域对象的示例
示例
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
background: lightseagreen;
height: 100vh;
text-align: center;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
margin: 1rem auto;
}
</style>
<body>
<h1>DOM Textarea Object Demo</h1>
<button onclick="create()" class="btn">Create Textarea</button>
<script>
function create() {
var ta = document.createElement("TEXTAREA");
ta.innerHTML = "Hi! I'm a textarea element in an HTML document with some dummy text.";
ta.setAttribute('rows', '8');
document.body.appendChild(ta);
}
</script>
</body>
</html>输出
点击“创建文本区域”按钮以创建文本区域元素。
更新于：2021年2月16日
394 次查看
广告