New page for reflection properties of HTMLTextAreaElement

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 or set to an invalid value.
+
+## Examples
+
+```js
+const textareaElement = document.getElementById("comment");
+console.log(textArea.autocomplete);
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{HTMLElement("textarea")}}

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 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`.
+
+## 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")}}

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 {{domxref("Node.textContent", "textContent")}} on the {{htmlelement("textarea")}}.
+
+## Value
+
+A string.
+
+## Examples
+
+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 the default text now!";
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{HTMLElement("textarea")}}
+- {{DOMXref("HTMLTextAreaElement.value")}}

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 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
+
+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")}}

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 {{htmlelement("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")}}

files/en-us/web/api/htmltextareaelement/readonly/index.md

@@ -0,0 +1,36 @@
+---
+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 {{htmlelement("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")}}
+- {{cssxref(":read-only")}} pseudo-class

files/en-us/web/api/htmltextareaelement/required/index.md

@@ -0,0 +1,36 @@
+---
+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 {{htmlelement("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")}}
+- {{cssxref(":required")}} pseudo-class

files/en-us/web/api/htmltextareaelement/rows/index.md

@@ -0,0 +1,38 @@
+---
+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");
+const textLines = textArea.rows;
+textArea.rows = textLines + 2;
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{HTMLElement("textarea")}}
+- {{DOMXref("HTMLTextAreaElement.cols")}}
+- {{DOMXref("HTMLTextAreaElement.wrap")}}
+- CSS {{cssxref("resize")}} property

files/en-us/web/api/htmltextareaelement/textlength/index.md

@@ -0,0 +1,38 @@
+---
+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 the {{htmlelement("textarea")}} element's 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")}}
+- {{DOMXref("HTMLTextAreaElement.minLength")}}
+- {{DOMXref("HTMLTextAreaElement.maxLength")}}

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"; // Add line breaks (CR+LF) during form submission
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{HTMLElement("textarea")}}
+- {{DOMXref("HTMLTextAreaElement.cols")}}