Computer >> Máy Tính >  >> Lập trình >> HTML

Thuộc tính HTML DOM Textarea bị vô hiệu hóa

Thuộc tính HTML DOM Textarea bị vô hiệu hóa trả về và sửa đổi xem phần tử vùng văn bản trong tài liệu HTML có bị vô hiệu hóa hay không.

Cú pháp

Sau đây là cú pháp -

1. Trả lại bị vô hiệu hóa

object.disabled

2. Thêm đã bị vô hiệu hóa

object.disabled = true | false

Hãy để chúng tôi xem một ví dụ về Thuộc tính HTML DOM Textarea bị vô hiệu hóa:

Ví dụ

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      background: lightseagreen;
      height: 100vh;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
   }
</style>
<body>
<h1>DOM Textarea disabled Property Demo</h1>
<textarea placeholder="Hi! I'm placeholder text of a textarea element" rows="8" cols='20'></textarea>
<button onclick="set()" class="btn">Disable Textarea</button>
<script>
   function set() {
      document.querySelector("textarea").disabled = true;
   }
</script>
</body>
</html>

Đầu ra

Thuộc tính HTML DOM Textarea bị vô hiệu hóa

Nhấp vào “ Tắt Textarea ”Để tắt phần tử textarea.

Thuộc tính HTML DOM Textarea bị vô hiệu hóa