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

Thuộc tính biểu mẫu HTML DOM Textarea

Thuộc tính biểu mẫu HTML DOM Textarea trả về trích dẫn của biểu mẫu bao quanh vùng văn bản.

Cú pháp

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

object.form

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

Ví dụ

<!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>DOM Textarea form Property Demo</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()">Identify Textarea Form</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>

Đầu ra

Thuộc tính biểu mẫu HTML DOM Textarea

Nhấp vào “ Xác định Biểu mẫu Textarea ”Để xác định biểu mẫu có chứa phần tử textarea.

Thuộc tính biểu mẫu HTML DOM Textarea