From a9e61dbc164de376a05b89af1fa734a8ae55202a Mon Sep 17 00:00:00 2001
From: Joshua Chen <sidachen2003@gmail.com>
Date: Sat, 31 Aug 2024 16:04:26 -0400
Subject: [PATCH 1/3] New page for reflection properties of HTMLTextAreaElement

---
 .../htmltextareaelement/autocomplete/index.md | 34 +++++++++++++++++
 .../web/api/htmltextareaelement/cols/index.md | 36 ++++++++++++++++++
 .../htmltextareaelement/defaultvalue/index.md | 38 +++++++++++++++++++
 .../api/htmltextareaelement/disabled/index.md | 37 ++++++++++++++++++
 .../htmltextareaelement/placeholder/index.md  | 35 +++++++++++++++++
 .../api/htmltextareaelement/readonly/index.md | 35 +++++++++++++++++
 .../api/htmltextareaelement/required/index.md | 35 +++++++++++++++++
 .../web/api/htmltextareaelement/rows/index.md | 36 ++++++++++++++++++
 .../htmltextareaelement/textlength/index.md   | 36 ++++++++++++++++++
 .../web/api/htmltextareaelement/wrap/index.md | 36 ++++++++++++++++++
 10 files changed, 358 insertions(+)
 create mode 100644 files/en-us/web/api/htmltextareaelement/autocomplete/index.md
 create mode 100644 files/en-us/web/api/htmltextareaelement/cols/index.md
 create mode 100644 files/en-us/web/api/htmltextareaelement/defaultvalue/index.md
 create mode 100644 files/en-us/web/api/htmltextareaelement/disabled/index.md
 create mode 100644 files/en-us/web/api/htmltextareaelement/placeholder/index.md
 create mode 100644 files/en-us/web/api/htmltextareaelement/readonly/index.md
 create mode 100644 files/en-us/web/api/htmltextareaelement/required/index.md
 create mode 100644 files/en-us/web/api/htmltextareaelement/rows/index.md
 create mode 100644 files/en-us/web/api/htmltextareaelement/textlength/index.md
 create mode 100644 files/en-us/web/api/htmltextareaelement/wrap/index.md

diff --git a/files/en-us/web/api/htmltextareaelement/autocomplete/index.md b/files/en-us/web/api/htmltextareaelement/autocomplete/index.md
new file mode 100644
index 000000000000000..6b491ba73635a94
--- /dev/null
+++ b/files/en-us/web/api/htmltextareaelement/autocomplete/index.md
@@ -0,0 +1,34 @@
+---
+title: "HTMLTextAreaElement: autocomplete property"
+short-title: autocomplete
+slug: Web/API/HTMLTextAreaElement/autocomplete
+page-type: web-api-instance-property
+browser-compat: api.HTMLTextAreaElement.autocomplete
+---
+
+{{ APIRef("HTML DOM") }}
+
+The **`autocomplete`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface indicates whether the value of the control can be automatically completed by the browser. It reflects the `<textarea>` element's [`autocomplete`](/en-US/docs/Web/HTML/Element/textarea#autocomplete) attribute.
+
+## Value
+
+A string that is `"on"`, `"off"`, or the empty string `""` if unspecified.
+
+## Examples
+
+```js
+const textareaElement = document.getElementById("comment");
+console.log(textArea.autocomplete);
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{HTMLElement("textarea")}}
diff --git a/files/en-us/web/api/htmltextareaelement/cols/index.md b/files/en-us/web/api/htmltextareaelement/cols/index.md
new file mode 100644
index 000000000000000..23f3a7da5fc74c8
--- /dev/null
+++ b/files/en-us/web/api/htmltextareaelement/cols/index.md
@@ -0,0 +1,36 @@
+---
+title: "HTMLTextAreaElement: cols property"
+short-title: cols
+slug: Web/API/HTMLTextAreaElement/cols
+page-type: web-api-instance-property
+browser-compat: api.HTMLTextAreaElement.cols
+---
+
+{{ APIRef("HTML DOM") }}
+
+The **`cols`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface is a positive integer representing the visible width of the text control, in average character widths. It reflects the `<textarea>` element's [`cols`](/en-US/docs/Web/HTML/Element/textarea#cols) attribute.
+
+## Value
+
+A positive integer. Defaults to 20.
+
+## Examples
+
+```js
+const textareaElement = document.getElementById("comment");
+textArea.cols = 80;
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{HTMLElement("textarea")}}
+- {{DOMXref("HTMLTextAreaElement.rows")}}
+- {{DOMXref("HTMLTextAreaElement.wrap")}}
diff --git a/files/en-us/web/api/htmltextareaelement/defaultvalue/index.md b/files/en-us/web/api/htmltextareaelement/defaultvalue/index.md
new file mode 100644
index 000000000000000..1a939781490e752
--- /dev/null
+++ b/files/en-us/web/api/htmltextareaelement/defaultvalue/index.md
@@ -0,0 +1,38 @@
+---
+title: "HTMLTextAreaElement: defaultValue property"
+short-title: defaultValue
+slug: Web/API/HTMLTextAreaElement/defaultValue
+page-type: web-api-instance-property
+browser-compat: api.HTMLTextAreaElement.defaultValue
+---
+
+{{ APIRef("HTML DOM") }}
+
+The **`defaultValue`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface represents the default text content of this text area. Getting and setting this value is equivalent to getting and setting its {{domxref("Node.textContent", "textContent")}}.
+
+## Value
+
+A string.
+
+## Examples
+
+In the example below, even when the text area has been modified by the user, the `defaultValue` still returns the value originally written in the HTML. If `defaultValue` is set, any user input is overwritten.
+
+```js
+const textareaElement = document.getElementById("comment");
+console.log(textArea.defaultValue);
+textArea.defaultValue = "This is now the default text";
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{HTMLElement("textarea")}}
+- {{DOMXref("HTMLTextAreaElement.value")}}
diff --git a/files/en-us/web/api/htmltextareaelement/disabled/index.md b/files/en-us/web/api/htmltextareaelement/disabled/index.md
new file mode 100644
index 000000000000000..99c7288b9aa2714
--- /dev/null
+++ b/files/en-us/web/api/htmltextareaelement/disabled/index.md
@@ -0,0 +1,37 @@
+---
+title: "HTMLTextAreaElement: disabled property"
+short-title: disabled
+slug: Web/API/HTMLTextAreaElement/disabled
+page-type: web-api-instance-property
+browser-compat: api.HTMLTextAreaElement.disabled
+---
+
+{{ APIRef("HTML DOM") }}
+
+The **`disabled`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface indicates whether this text area is disabled and cannot be interacted with. It reflects the `<textarea>` element's [`disabled`](/en-US/docs/Web/HTML/Element/textarea#autocomplete) attribute. When `false`, this `textarea` may still be disabled if its containing element, such as a {{htmlelement("fieldset")}}, is disabled.
+
+## Value
+
+A boolean.
+
+## Examples
+
+```js
+const textareaElement = document.getElementById("comment");
+if (commentsDisabled) {
+  textareaElement.disabled = true;
+}
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{HTMLElement("textarea")}}
+- {{DOMXref("HTMLTextAreaElement.readOnly")}}
diff --git a/files/en-us/web/api/htmltextareaelement/placeholder/index.md b/files/en-us/web/api/htmltextareaelement/placeholder/index.md
new file mode 100644
index 000000000000000..b9ed35b4cbf9d29
--- /dev/null
+++ b/files/en-us/web/api/htmltextareaelement/placeholder/index.md
@@ -0,0 +1,35 @@
+---
+title: "HTMLTextAreaElement: placeholder property"
+short-title: placeholder
+slug: Web/API/HTMLTextAreaElement/placeholder
+page-type: web-api-instance-property
+browser-compat: api.HTMLTextAreaElement.placeholder
+---
+
+{{ APIRef("HTML DOM") }}
+
+The **`placeholder`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface represents a hint to the user of what can be entered in the control. It reflects the `<textarea>` element's [`placeholder`](/en-US/docs/Web/HTML/Element/textarea#placeholder) attribute.
+
+## Value
+
+A string.
+
+## Examples
+
+```js
+const textareaElement = document.getElementById("comment");
+console.log(textArea.placeholder);
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{HTMLElement("textarea")}}
+- {{DOMXref("HTMLTextAreaElement.value")}}
diff --git a/files/en-us/web/api/htmltextareaelement/readonly/index.md b/files/en-us/web/api/htmltextareaelement/readonly/index.md
new file mode 100644
index 000000000000000..009ea1420e94e5f
--- /dev/null
+++ b/files/en-us/web/api/htmltextareaelement/readonly/index.md
@@ -0,0 +1,35 @@
+---
+title: "HTMLTextAreaElement: readOnly property"
+short-title: readOnly
+slug: Web/API/HTMLTextAreaElement/readOnly
+page-type: web-api-instance-property
+browser-compat: api.HTMLTextAreaElement.readOnly
+---
+
+{{ APIRef("HTML DOM") }}
+
+The **`readOnly`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface indicates that the user cannot modify the value of the control. Unlike the {{domxref("HTMLTextAreaElement.disabled", "disabled")}} attribute, the `readonly` attribute does not prevent the user from clicking or selecting in the control. It reflects the `<textarea>` element's [`readonly`](/en-US/docs/Web/HTML/Element/textarea#readonly) attribute.
+
+## Value
+
+A boolean.
+
+## Examples
+
+```js
+const textareaElement = document.getElementById("comment");
+console.log(textArea.readOnly);
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{HTMLElement("textarea")}}
+- {{DOMXref("HTMLTextAreaElement.disabled")}}
diff --git a/files/en-us/web/api/htmltextareaelement/required/index.md b/files/en-us/web/api/htmltextareaelement/required/index.md
new file mode 100644
index 000000000000000..c03d849a2fadc01
--- /dev/null
+++ b/files/en-us/web/api/htmltextareaelement/required/index.md
@@ -0,0 +1,35 @@
+---
+title: "HTMLTextAreaElement: required property"
+short-title: required
+slug: Web/API/HTMLTextAreaElement/required
+page-type: web-api-instance-property
+browser-compat: api.HTMLTextAreaElement.required
+---
+
+{{ APIRef("HTML DOM") }}
+
+The **`required`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface specifies that the user must fill in a value before submitting a form. It reflects the `<textarea>` element's [`required`](/en-US/docs/Web/HTML/Element/textarea#required) attribute.
+
+## Value
+
+A boolean.
+
+## Examples
+
+```js
+const textareaElement = document.getElementById("comment");
+console.log(textArea.required);
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{HTMLElement("textarea")}}
+- {{DOMXref("HTMLTextAreaElement.validity")}}
diff --git a/files/en-us/web/api/htmltextareaelement/rows/index.md b/files/en-us/web/api/htmltextareaelement/rows/index.md
new file mode 100644
index 000000000000000..f0a67ab2e7f789e
--- /dev/null
+++ b/files/en-us/web/api/htmltextareaelement/rows/index.md
@@ -0,0 +1,36 @@
+---
+title: "HTMLTextAreaElement: rows property"
+short-title: rows
+slug: Web/API/HTMLTextAreaElement/rows
+page-type: web-api-instance-property
+browser-compat: api.HTMLTextAreaElement.rows
+---
+
+{{ APIRef("HTML DOM") }}
+
+The **`rows`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface is a positive integer representing the visible text lines of the text control. It reflects the `<textarea>` element's [`rows`](/en-US/docs/Web/HTML/Element/textarea#rows) attribute.
+
+## Value
+
+A positive integer. Defaults to 2.
+
+## Examples
+
+```js
+const textareaElement = document.getElementById("comment");
+textArea.rows = 20;
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{HTMLElement("textarea")}}
+- {{DOMXref("HTMLTextAreaElement.cols")}}
+- {{DOMXref("HTMLTextAreaElement.wrap")}}
diff --git a/files/en-us/web/api/htmltextareaelement/textlength/index.md b/files/en-us/web/api/htmltextareaelement/textlength/index.md
new file mode 100644
index 000000000000000..4f2b0d8938f6a68
--- /dev/null
+++ b/files/en-us/web/api/htmltextareaelement/textlength/index.md
@@ -0,0 +1,36 @@
+---
+title: "HTMLTextAreaElement: textLength property"
+short-title: textLength
+slug: Web/API/HTMLTextAreaElement/textLength
+page-type: web-api-instance-property
+browser-compat: api.HTMLTextAreaElement.textLength
+---
+
+{{ APIRef("HTML DOM") }}
+
+The **`textLength`** read-only property of the {{DOMxRef("HTMLTextAreaElement")}} interface is a non-negative integer representing the number of characters, in UTF-16 code units, of its value. It is a shortcut of accessing {{jsxref("String/length", "length")}} on its {{domxref("HTMLTextAreaElement/value", "value")}} property.
+
+## Value
+
+A non-negative integer.
+
+## Examples
+
+```js
+const textareaElement = document.getElementById("comment");
+console.log(textArea.textLength);
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{HTMLElement("textarea")}}
+- {{DOMXref("HTMLTextAreaElement.rows")}}
+- {{DOMXref("HTMLTextAreaElement.cols")}}
diff --git a/files/en-us/web/api/htmltextareaelement/wrap/index.md b/files/en-us/web/api/htmltextareaelement/wrap/index.md
new file mode 100644
index 000000000000000..4a35b743e788bc1
--- /dev/null
+++ b/files/en-us/web/api/htmltextareaelement/wrap/index.md
@@ -0,0 +1,36 @@
+---
+title: "HTMLTextAreaElement: wrap property"
+short-title: wrap
+slug: Web/API/HTMLTextAreaElement/wrap
+page-type: web-api-instance-property
+browser-compat: api.HTMLTextAreaElement.wrap
+---
+
+{{ APIRef("HTML DOM") }}
+
+The **`wrap`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface indicates how the control should wrap the value for form submission. It reflects the `<textarea>` element's [`wrap`](/en-US/docs/Web/HTML/Element/textarea#wrap) attribute. Note that the `"hard"` value only has an effect when the {{domxref("HTMLTextAreaElement.cols", "cols")}} attribute is also set.
+
+## Value
+
+See [`wrap`](/en-US/docs/Web/HTML/Element/textarea#wrap) for the possible values. Defaults to `"soft"`.
+
+## Examples
+
+```js
+const textareaElement = document.getElementById("comment");
+const oldWrap = textArea.wrap;
+textArea.wrap = "hard"; // wrap the text at the specified width
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{HTMLElement("textarea")}}
+- {{DOMXref("HTMLTextAreaElement.cols")}}

From 0e69a3dea0d91193472ad11294033dddc7fb595f Mon Sep 17 00:00:00 2001
From: Joshua Chen <sidachen2003@gmail.com>
Date: Tue, 10 Sep 2024 21:08:57 -0400
Subject: [PATCH 2/3] Apply suggestions from code review

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>
---
 .../en-us/web/api/htmltextareaelement/autocomplete/index.md | 2 +-
 files/en-us/web/api/htmltextareaelement/cols/index.md       | 4 ++--
 .../en-us/web/api/htmltextareaelement/defaultvalue/index.md | 6 +++---
 files/en-us/web/api/htmltextareaelement/disabled/index.md   | 2 +-
 .../en-us/web/api/htmltextareaelement/placeholder/index.md  | 2 +-
 files/en-us/web/api/htmltextareaelement/readonly/index.md   | 3 ++-
 files/en-us/web/api/htmltextareaelement/required/index.md   | 3 ++-
 files/en-us/web/api/htmltextareaelement/rows/index.md       | 6 ++++--
 files/en-us/web/api/htmltextareaelement/textlength/index.md | 4 +++-
 files/en-us/web/api/htmltextareaelement/wrap/index.md       | 2 +-
 10 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/files/en-us/web/api/htmltextareaelement/autocomplete/index.md b/files/en-us/web/api/htmltextareaelement/autocomplete/index.md
index 6b491ba73635a94..b51975c7ae49358 100644
--- a/files/en-us/web/api/htmltextareaelement/autocomplete/index.md
+++ b/files/en-us/web/api/htmltextareaelement/autocomplete/index.md
@@ -12,7 +12,7 @@ The **`autocomplete`** property of the {{DOMxRef("HTMLTextAreaElement")}} interf
 
 ## Value
 
-A string that is `"on"`, `"off"`, or the empty string `""` if unspecified.
+A string that is `"on"`, `"off"`, or the empty string `""` if unspecified or set to an invalid value.
 
 ## Examples
 
diff --git a/files/en-us/web/api/htmltextareaelement/cols/index.md b/files/en-us/web/api/htmltextareaelement/cols/index.md
index 23f3a7da5fc74c8..48a9c2014f13fd6 100644
--- a/files/en-us/web/api/htmltextareaelement/cols/index.md
+++ b/files/en-us/web/api/htmltextareaelement/cols/index.md
@@ -8,11 +8,11 @@ browser-compat: api.HTMLTextAreaElement.cols
 
 {{ APIRef("HTML DOM") }}
 
-The **`cols`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface is a positive integer representing the visible width of the text control, in average character widths. It reflects the `<textarea>` element's [`cols`](/en-US/docs/Web/HTML/Element/textarea#cols) attribute.
+The **`cols`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface is a positive integer representing the visible width of the multi-line text control, in average character widths. It reflects the `<textarea>` element's [`cols`](/en-US/docs/Web/HTML/Element/textarea#cols) attribute.
 
 ## Value
 
-A positive integer. Defaults to 20.
+A positive integer. Defaults to `20`.
 
 ## Examples
 
diff --git a/files/en-us/web/api/htmltextareaelement/defaultvalue/index.md b/files/en-us/web/api/htmltextareaelement/defaultvalue/index.md
index 1a939781490e752..b6e286b6c8f21eb 100644
--- a/files/en-us/web/api/htmltextareaelement/defaultvalue/index.md
+++ b/files/en-us/web/api/htmltextareaelement/defaultvalue/index.md
@@ -8,7 +8,7 @@ browser-compat: api.HTMLTextAreaElement.defaultValue
 
 {{ APIRef("HTML DOM") }}
 
-The **`defaultValue`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface represents the default text content of this text area. Getting and setting this value is equivalent to getting and setting its {{domxref("Node.textContent", "textContent")}}.
+The **`defaultValue`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface represents the default text content of this text area. Getting and setting this value is equivalent to getting and setting {{domxref("Node.textContent", "textContent")}} on the {{htmlelement("textarea")}}.
 
 ## Value
 
@@ -16,12 +16,12 @@ A string.
 
 ## Examples
 
-In the example below, even when the text area has been modified by the user, the `defaultValue` still returns the value originally written in the HTML. If `defaultValue` is set, any user input is overwritten.
+In the example below, the `defaultValue` still returns the value originally written in the HTML. If a default value is set, either via HTML or the `defaultValue` property, user input will update the `value` but will not overwrite the `defaultValue`.
 
 ```js
 const textareaElement = document.getElementById("comment");
 console.log(textArea.defaultValue);
-textArea.defaultValue = "This is now the default text";
+textArea.defaultValue = "This is the default text now!";
 ```
 
 ## Specifications
diff --git a/files/en-us/web/api/htmltextareaelement/disabled/index.md b/files/en-us/web/api/htmltextareaelement/disabled/index.md
index 99c7288b9aa2714..65d7939d22b449c 100644
--- a/files/en-us/web/api/htmltextareaelement/disabled/index.md
+++ b/files/en-us/web/api/htmltextareaelement/disabled/index.md
@@ -8,7 +8,7 @@ browser-compat: api.HTMLTextAreaElement.disabled
 
 {{ APIRef("HTML DOM") }}
 
-The **`disabled`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface indicates whether this text area is disabled and cannot be interacted with. It reflects the `<textarea>` element's [`disabled`](/en-US/docs/Web/HTML/Element/textarea#autocomplete) attribute. When `false`, this `textarea` may still be disabled if its containing element, such as a {{htmlelement("fieldset")}}, is disabled.
+The **`disabled`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface indicates whether this multi-line text control is disabled and cannot be interacted with. It reflects the {{htmlelement("textarea")}} element's [`disabled`](/en-US/docs/Web/HTML/Element/textarea#autocomplete) attribute. When `false`, this `textarea` may still be disabled if its containing element, such as a {{htmlelement("fieldset")}}, is disabled.
 
 ## Value
 
diff --git a/files/en-us/web/api/htmltextareaelement/placeholder/index.md b/files/en-us/web/api/htmltextareaelement/placeholder/index.md
index b9ed35b4cbf9d29..9b171dc755f3875 100644
--- a/files/en-us/web/api/htmltextareaelement/placeholder/index.md
+++ b/files/en-us/web/api/htmltextareaelement/placeholder/index.md
@@ -8,7 +8,7 @@ browser-compat: api.HTMLTextAreaElement.placeholder
 
 {{ APIRef("HTML DOM") }}
 
-The **`placeholder`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface represents a hint to the user of what can be entered in the control. It reflects the `<textarea>` element's [`placeholder`](/en-US/docs/Web/HTML/Element/textarea#placeholder) attribute.
+The **`placeholder`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface represents a hint to the user of what can be entered in the control. It reflects the {{htmlelement("textarea")}} element's [`placeholder`](/en-US/docs/Web/HTML/Element/textarea#placeholder) attribute.
 
 ## Value
 
diff --git a/files/en-us/web/api/htmltextareaelement/readonly/index.md b/files/en-us/web/api/htmltextareaelement/readonly/index.md
index 009ea1420e94e5f..57a9cdb47a13012 100644
--- a/files/en-us/web/api/htmltextareaelement/readonly/index.md
+++ b/files/en-us/web/api/htmltextareaelement/readonly/index.md
@@ -8,7 +8,7 @@ browser-compat: api.HTMLTextAreaElement.readOnly
 
 {{ APIRef("HTML DOM") }}
 
-The **`readOnly`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface indicates that the user cannot modify the value of the control. Unlike the {{domxref("HTMLTextAreaElement.disabled", "disabled")}} attribute, the `readonly` attribute does not prevent the user from clicking or selecting in the control. It reflects the `<textarea>` element's [`readonly`](/en-US/docs/Web/HTML/Element/textarea#readonly) attribute.
+The **`readOnly`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface indicates that the user cannot modify the value of the control. Unlike the {{domxref("HTMLTextAreaElement.disabled", "disabled")}} attribute, the `readonly` attribute does not prevent the user from clicking or selecting in the control. It reflects the {{htmlelement("textarea")}} element's [`readonly`](/en-US/docs/Web/HTML/Element/textarea#readonly) attribute.
 
 ## Value
 
@@ -33,3 +33,4 @@ console.log(textArea.readOnly);
 
 - {{HTMLElement("textarea")}}
 - {{DOMXref("HTMLTextAreaElement.disabled")}}
+- {{cssxref(":read-only")}} pseudo-class
diff --git a/files/en-us/web/api/htmltextareaelement/required/index.md b/files/en-us/web/api/htmltextareaelement/required/index.md
index c03d849a2fadc01..d4cf15b35102ab9 100644
--- a/files/en-us/web/api/htmltextareaelement/required/index.md
+++ b/files/en-us/web/api/htmltextareaelement/required/index.md
@@ -8,7 +8,7 @@ browser-compat: api.HTMLTextAreaElement.required
 
 {{ APIRef("HTML DOM") }}
 
-The **`required`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface specifies that the user must fill in a value before submitting a form. It reflects the `<textarea>` element's [`required`](/en-US/docs/Web/HTML/Element/textarea#required) attribute.
+The **`required`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface specifies that the user must fill in a value before submitting a form. It reflects the {{htmlelement("textarea")}} element's [`required`](/en-US/docs/Web/HTML/Element/textarea#required) attribute.
 
 ## Value
 
@@ -33,3 +33,4 @@ console.log(textArea.required);
 
 - {{HTMLElement("textarea")}}
 - {{DOMXref("HTMLTextAreaElement.validity")}}
+- {{cssxref(":required")}} pseudo-class
diff --git a/files/en-us/web/api/htmltextareaelement/rows/index.md b/files/en-us/web/api/htmltextareaelement/rows/index.md
index f0a67ab2e7f789e..88648f54e819be7 100644
--- a/files/en-us/web/api/htmltextareaelement/rows/index.md
+++ b/files/en-us/web/api/htmltextareaelement/rows/index.md
@@ -12,13 +12,14 @@ The **`rows`** property of the {{DOMxRef("HTMLTextAreaElement")}} interface is a
 
 ## Value
 
-A positive integer. Defaults to 2.
+A positive integer. Defaults to `2`.
 
 ## Examples
 
 ```js
 const textareaElement = document.getElementById("comment");
-textArea.rows = 20;
+const textLines = textArea.rows;
+textArea.rows = textLines + 2;
 ```
 
 ## Specifications
@@ -34,3 +35,4 @@ textArea.rows = 20;
 - {{HTMLElement("textarea")}}
 - {{DOMXref("HTMLTextAreaElement.cols")}}
 - {{DOMXref("HTMLTextAreaElement.wrap")}}
+- CSS {{cssxref("resize")}} property
diff --git a/files/en-us/web/api/htmltextareaelement/textlength/index.md b/files/en-us/web/api/htmltextareaelement/textlength/index.md
index 4f2b0d8938f6a68..5f52960a14d9932 100644
--- a/files/en-us/web/api/htmltextareaelement/textlength/index.md
+++ b/files/en-us/web/api/htmltextareaelement/textlength/index.md
@@ -8,7 +8,7 @@ browser-compat: api.HTMLTextAreaElement.textLength
 
 {{ APIRef("HTML DOM") }}
 
-The **`textLength`** read-only property of the {{DOMxRef("HTMLTextAreaElement")}} interface is a non-negative integer representing the number of characters, in UTF-16 code units, of its value. It is a shortcut of accessing {{jsxref("String/length", "length")}} on its {{domxref("HTMLTextAreaElement/value", "value")}} property.
+The **`textLength`** read-only property of the {{DOMxRef("HTMLTextAreaElement")}} interface is a non-negative integer representing the number of characters, in UTF-16 code units, of the {{htmlelement("textarea")}} element's value. It is a shortcut of accessing {{jsxref("String/length", "length")}} on its {{domxref("HTMLTextAreaElement/value", "value")}} property.
 
 ## Value
 
@@ -34,3 +34,5 @@ console.log(textArea.textLength);
 - {{HTMLElement("textarea")}}
 - {{DOMXref("HTMLTextAreaElement.rows")}}
 - {{DOMXref("HTMLTextAreaElement.cols")}}
+- {{DOMXref("HTMLTextAreaElement.minLength")}}
+- {{DOMXref("HTMLTextAreaElement.maxLength")}}
diff --git a/files/en-us/web/api/htmltextareaelement/wrap/index.md b/files/en-us/web/api/htmltextareaelement/wrap/index.md
index 4a35b743e788bc1..20ca52704e46143 100644
--- a/files/en-us/web/api/htmltextareaelement/wrap/index.md
+++ b/files/en-us/web/api/htmltextareaelement/wrap/index.md
@@ -19,7 +19,7 @@ See [`wrap`](/en-US/docs/Web/HTML/Element/textarea#wrap) for the possible values
 ```js
 const textareaElement = document.getElementById("comment");
 const oldWrap = textArea.wrap;
-textArea.wrap = "hard"; // wrap the text at the specified width
+textArea.wrap = "hard"; // Add line breaks (CR+LF) during form submission
 ```
 
 ## Specifications

From 51f7736a147a2ba34eb213189fcc3d2046dbbdd3 Mon Sep 17 00:00:00 2001
From: Joshua Chen <sidachen2003@gmail.com>
Date: Tue, 10 Sep 2024 21:10:05 -0400
Subject: [PATCH 3/3] Update
 files/en-us/web/api/htmltextareaelement/cols/index.md

---
 files/en-us/web/api/htmltextareaelement/cols/index.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/en-us/web/api/htmltextareaelement/cols/index.md b/files/en-us/web/api/htmltextareaelement/cols/index.md
index 48a9c2014f13fd6..96cc7c6d48fefd2 100644
--- a/files/en-us/web/api/htmltextareaelement/cols/index.md
+++ b/files/en-us/web/api/htmltextareaelement/cols/index.md
@@ -34,3 +34,4 @@ textArea.cols = 80;
 - {{HTMLElement("textarea")}}
 - {{DOMXref("HTMLTextAreaElement.rows")}}
 - {{DOMXref("HTMLTextAreaElement.wrap")}}
+- CSS {{cssxref("resize")}} property