HTML DOM Textarea Maxlength Property

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

206 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 select() Method

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

160 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 Object

AmitDiwan
Updated on 16-Feb-2021 05:18:54

456 Views

The HTML DOM Textarea Object represent the element of an HTML document.Create Textarea objectSyntaxFollowing is the syntax −document.createElement(“TEXTAREA”);Properties of Textarea objectPropertyExplanationautofocusIt returns and modify whether the text area should automatically get focused or not when the page loads.defaultValueIt returns and modify the default value of a text area element in an HTML document.colsIt returns and modify the value of cols attribute of a text area element in an HTML document.disabledIt returns and modify whether the text area element in an HTML document is disabled or notformIt returns the cite of the form which enclose the text area.maxLengthIt returns and ... Read More

HTML DOM Textarea cols Property

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

122 Views

The HTML DOM Textarea cols return and modify the value of cols attribute of a text area element in an HTML document.SyntaxFollowing is the syntax −1. Returning colsobject.cols2. Adding colsobject.cols = “number”Let us see an example of HTML DOM Textarea cols 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 Rows Property

AmitDiwan
Updated on 16-Feb-2021 05:13:29

107 Views

The HTML DOM Textarea rows returns and modify the value of rows attribute of a text area element in an HTML document.SyntaxFollowing is the syntax −1. Returning rowsobject.rows2. Adding rowsobject.rows = “number”Let us see an example of HTML DOM Textarea rows 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 Placeholder Property

AmitDiwan
Updated on 16-Feb-2021 05:11:34

193 Views

The HTML DOM Textarea placeholder property returns and modify the value of placeholder attribute of a text area element in an HTML document.SyntaxFollowing is the syntax −1. Returning placeholderobject.placeholder2. Adding placeholderobject.placeholder = “text”Let us see an example of HTML DOM Textarea placeholder 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 screen.availHeight Property

AmitDiwan
Updated on 16-Feb-2021 04:59:22

238 Views

The HTML Screen availHeight property returns the available height of the user’s screen that means it excludes interface features of the browser.SyntaxFollowing is the syntax −screen.availHeightExampleLet us see an example of HTML Screen availHeight Property:Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%; ... Read More

HTML Screen availWidth Property

AmitDiwan
Updated on 16-Feb-2021 04:57:09

137 Views

The HTML Screen availWidth property returns the available width of the user’s screen that means it excludes interface features of the browser.SyntaxFollowing is the syntax −screen.availWidthExampleLet us see an example of HTML Screen availWidth Property −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: ... Read More

HTML Screen Height Property

AmitDiwan
Updated on 16-Feb-2021 04:55:11

199 Views

The HTML Screen height property returns the total height of the user’s screen.SyntaxFollowing is the syntax −screen.heightExampleLet us see an example of HTML Screen height Property -Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       display: block;       ... Read More

HTML screen.colorDepth Property

AmitDiwan
Updated on 16-Feb-2021 04:53:12

159 Views

The HTML Screen colorDepth property returns the bit depth of the color palette for displaying images(in bits per pixel).SyntaxFollowing is the syntax −screen.colorDepthExampleLet us see an example of HTML Screen colorDepth Property −Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;     ... Read More

Advertisements