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

คุณสมบัติ form ของ Textarea ใน HTML DOM จะคืนค่าอ้างอิงถึงฟอร์ม (<form>) ที่ครอบคลุมเอลิเมนต์ textarea นั้นอยู่

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

object.form

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

<!DOCTYPE html>
<html>
<style>
  body {
    text-align: center;
    background-color: #363946;
    color: #fff;
  }
  form {
    margin: 2.5rem auto;
  }
  button {
    background-color: #db133a;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    color: #fff;
    border-radius: 5px;
    font-size: 1.05rem;
  }
  .show {
    font-weight: bold;
    font-size: 1.4rem;
  }
</style>
<body>
<h1>ตัวอย่างคุณสมบัติ form ของ Textarea</h1>
<form id="Form 1">
  <fieldset>
    <legend>Form 1</legend>
    <textarea rows="5" cols="20">Hi! I'm a text area element with some dummy text.</textarea>
  </fieldset>
</form>
<button onclick="identify()">ระบุฟอร์มของ Textarea</button>
<p class="show"></p>
<script>
  function identify() {
    var formId = document.querySelector("textarea").form.id;
    document.querySelector(".show").innerHTML = "Hi! I'm from " + formId;
  }
</script>
</body>
</html>

ผลลัพธ์

คลิกที่ปุ่ม "ระบุฟอร์มของ Textarea" เพื่อแสดง ID ของฟอร์มที่ครอบคลุม textarea ไว้