คุณสมบัติ defaultValue ของ Textarea ใน HTML DOM

คุณสมบัติ defaultValue ของ Textarea ใน HTML DOM ใช้สำหรับอ่านหรือตั้งค่าค่าเริ่มต้น (default value) ของเอลิเมนต์ textarea ในเอกสาร HTML

รูปแบบการใช้งาน (Syntax)

1. อ่านค่า defaultValue

object.defaultValue

2. ตั้งค่า defaultValue

object.defaultValue = "text"

ตัวอย่างการใช้งาน

<!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>ตัวอย่างคุณสมบัติ defaultValue ของ Textarea</h1>
<textarea rows="5" cols='20'>Hi! I'm a textarea element with some dummy text.</textarea>
<button onclick="set()" class="btn">เปลี่ยนค่าเริ่มต้น</button>
<script>
  function set() {
    document.querySelector("textarea").defaultValue = "Hi! I'm default value of textarea element.";
  }
</script>
</body>
</html>

ผลลัพธ์

คลิกที่ปุ่ม "เปลี่ยนค่าเริ่มต้น" เพื่อเปลี่ยนค่าเริ่มต้นของ textarea