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

HTML DOM Textarea defaultValue thuộc tính

Thuộc tính HTML DOM Textarea defaultValue trả về và sửa đổi giá trị mặc định của phần tử vùng văn bản trong tài liệu HTML.

Cú pháp

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

1. Trả lại giá trị defaultValue

object.defaultValue

2. Thêm defaultValue

object.defaultValue = “text”

Hãy để chúng tôi xem một ví dụ về Thuộc tính HTML DOM Textarea defaultValue:

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 defaultValue Property Demo</h1>
<textarea rows="5" cols='20'>Hi! I'm a textarea element with some dummy text.</textarea>
<button onclick="set()" class="btn">Change Defualt Value</button>
<script>
   function set() {
      document.querySelector("textarea").defaultValue = "Hi! I'm default value of textarea element.";
   }
</script>
</body>
</html>

Đầu ra

HTML DOM Textarea defaultValue thuộc tính

Nhấp vào nút “Thay đổi giá trị mặc định” để thay đổi giá trị mặc định của phần tử textarea.

HTML DOM Textarea defaultValue thuộc tính