数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML DOM Textarea maxLength 属性
HTML DOM Textarea maxLength 属性返回并修改 HTML 文档中 textarea 元素的 maxLength 属性的值。
语法
以下是语法 −
1. 返回 maxLength
object.maxLength
2. 修改 maxLength
object.maxLength = “number”
让我们看一个 HTML DOM Textarea maxLength 属性的示例
示例
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
}
.btn {
background: #db133a;
border: none;
height: 2rem;
border-radius: 2px;
width: 40%;
display: block;
color: #fff;
outline: none;
cursor: pointer;
}
.show {
font-size: 1.5rem;
margin: 1rem 0;
}
</style>
<body>
<h1>DOM Textarea maxLength Property Demo</h1>
<textarea maxlength="50">Hi! I'm a text area element with some dummy text.</textarea>
<button onclick="set()" class="btn">Show Maximum Length</button>
<div class="show"></div>
<script>
function set() {
document.querySelector('.show').innerHTML = 'The maximum number of characters allowed in the above text area is ' + document.querySelector("textarea").maxLength;
}
</script>
</body>
</html>输出
点击“显示最大长度”按钮以显示 textarea 元素的 maxLength 属性的值。
更新于： 16-2 月-2021
149 次浏览
广告