Found 86 Articles for DOM

HTML DOM Textarea select() Method

AmitDiwan
Updated on 16-Feb-2021 05:22:10

85 Views

The HTML DOM Textarea select() Method selects the content of a text area in an HTML document.SyntaxFollowing is the syntax −object.select()Let us see an example of HTML DOM Textarea select() Method −ExampleLive Demo    body {       color: #000;       height: 100vh;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;       color: #fff;       outline: none;       cursor: pointer;    } DOM Textarea select() Method Demo Hi! I'm a text area element with some dummy text. Select textarea content    function set() {       document.querySelector("textarea").select();    } OutputClick on “Select textarea content” button to select the content of the textarea element.

HTML DOM Textarea maxLength Property

AmitDiwan
Updated on 16-Feb-2021 05:24:01

133 Views

The HTML DOM Textarea maxLength property returns and modify the value of maxLength attribute of a text area element in an HTML document.SyntaxFollowing is the syntax −1. Returning maxLengthobject.maxLength2. Modifying maxLengthobject.maxLength = “number”Let us see an example of HTML DOM Textarea maxLength Property:ExampleLive Demo    body {       color: #000;       height: 100vh;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;       color: #fff;   ... Read More

HTML DOM Textarea required Property

AmitDiwan
Updated on 16-Feb-2021 05:28:26

73 Views

The HTML DOM Textarea required property returns and modify the value of the required attribute of a text area in an HTML document.SyntaxFollowing is the syntax −1. Returning requiredobject.required2. Modifying requiredobject.required = true | falseLet us see an example of HTML DOM Textarea required Property:ExampleLive Demo DOM Textarea required Property    body {       text-align: center;    }    .btn {       display: block;       margin: 1rem auto;       background-color: #db133a;       color: #fff;       border: 1px solid #db133a;       padding: 0.5rem;   ... Read More

HTML DOM Textarea form Property

AmitDiwan
Updated on 16-Feb-2021 05:30:53

162 Views

The HTML DOM Textarea form property returns the cite of the form which enclose the text area.SyntaxFollowing is the syntax −object.formLet us see an example of HTML DOM Textarea form Property:ExampleLive Demo    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;   ... Read More

HTML DOM Textarea autofocus Property

AmitDiwan
Updated on 20-Sep-2019 11:29:46

118 Views

The HTML DOM Textarea autofocus property returns and modify whether the text area should automatically get focused or not when the page loads.SyntaxFollowing is the syntax −1. Returning autofocusobject.autofocus2. Modifying autofocusobject.autofocus = true | falseLet us see an example of HTML DOM Textarea autofocus Property:Example    body {       color: #000;       height: 100vh;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;       color: #fff; ... Read More

HTML DOM Textarea wrap Property

AmitDiwan
Updated on 16-Feb-2021 05:33:32

131 Views

The HTML DOM Textarea wrap property returns and modify the value of wrap attribute of a text area element in an HTML document.SyntaxFollowing is the syntax −1. Returning wrapobject.wrap2. Adding wrapobject.wrap = soft | hardLet us see an example of HTML DOM Textarea wrap Property:ExampleLive Demo    body {       color: #000;       height: 100vh;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;       color: ... Read More

HTML DOM Textarea readOnly Property

AmitDiwan
Updated on 20-Jun-2020 08:47:11

158 Views

The HTML DOM Textarea readOnly property returns and modify whether the content of a text area element in an HTML document should be read only or not.SyntaxFollowing is the syntax −1. Returning readOnlyobject.readOnly2. Adding readOnlyobject.readOnly = true | falseLet us see an example of HTML DOM Textarea readOnly Property −Example    body {       color: #000;       background: lightseagreen;       height: 100vh;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%; ... Read More

HTML DOM Textarea name Property

AmitDiwan
Updated on 20-Sep-2019 11:18:43

63 Views

The HTML DOM Textarea defaultValue property returns and modify the value of name attribute of a text area element in an HTML document.SyntaxFollowing is the syntax −1. Returning nameobject.name2. Adding nameobject.name = “text”Let us see an example of HTML DOM Textarea name Property:Example    body {       color: #000;       background: lightseagreen;       height: 100vh;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;     ... Read More

HTML DOM Textarea defaultValue Property

AmitDiwan
Updated on 16-Feb-2021 05:37:40

74 Views

The HTML DOM Textarea defaultValue property returns and modify the default value of a text area element in an HTML document.SyntaxFollowing is the syntax −1. Returning defaultValueobject.defaultValue2. Adding defaultValueobject.defaultValue = “text”Let us see an example of HTML DOM Textarea defaultValue Property:ExampleLive Demo    body {       color: #000;       background: lightseagreen;       height: 100vh;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;       ... Read More

HTML DOM Textarea disabled Property

AmitDiwan
Updated on 16-Feb-2021 05:35:42

101 Views

The HTML DOM Textarea disabled property returns and modify whether the text area element in an HTML document is disabled or not.SyntaxFollowing is the syntax −1. Returning disabledobject.disabled2. Adding disabledobject.disabled = true | falseLet us see an example of HTML DOM Textarea disabled Property:ExampleLive Demo    body {       color: #000;       background: lightseagreen;       height: 100vh;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;       color: #fff;       outline: none;       cursor: pointer;    } DOM Textarea disabled Property Demo Disable Textarea    function set() {       document.querySelector("textarea").disabled = true;    } OutputClick on “Disable Textarea” button to disabled the textarea element.

Advertisements