HTML DOM Textarea form Property

HTMLDOMWeb DevelopmentFront End Technology

The HTML DOM Textarea form property returns the cite of the form which enclose the text area.

Syntax

Following is the syntax −

object.form

Let us see an example of HTML DOM Textarea form Property:

Example

<!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>

Output

Click on “Identify Textarea Form” button to identify the form which contain the textarea element.

raja
Published on 20-Sep-2019 15:02:25
Advertisements