Found 2202 Articles for HTML

HTML DOM Select size Property

karthikeya Boyini
Updated on 01-Jul-2020 09:22:05

114 Views

The HTML DOM select size property returns and modify the value of the size attribute of a drop-down list.SyntaxFollowing is the syntax −Returning sizeobject.sizeModifying valueobject.size = “number”ExampleLet us see an example of HTML DOM select size property − Live Demo    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: radial-gradient( circle farthest-corner at 23.1% 64.6%, rgba(129, 125, 254, 1) 0%, rgba(111, 167, 254, 1) 90% ) no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.1rem;    } ... Read More

HTML DOM Select type Property

karthikeya Boyini
Updated on 30-Jul-2019 22:30:26

181 Views

The HTML DOM Select type property returns the value of the type attribute of drop-down list in an HTML document.SyntaxFollowing is the syntax −object.typeExampleLet us see an example of HTML DOM select type property − Live Demo    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: radial-gradient( circle farthest-corner at 23.1% 64.6%, rgba(129, 125, 254, 1) 0%, rgba(111, 167, 254, 1) 90% ) no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.1rem;    }    .drop-down{   ... Read More

HTML DOM Select value Property

Sharon Christine
Updated on 01-Jul-2020 09:24:03

266 Views

The HTML DOM select value property returns and modify the content of the value attribute of a drop-down list.SyntaxFollowing is the syntax −Returning valueobject.valueModifying valueobject.value = true | falseExampleLet us see an example of HTML DOM select value property − Live Demo    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.1rem;    }    .drop-down{       width:35%;       ... Read More

HTML DOM Select name Property

Sharon Christine
Updated on 01-Jul-2020 09:26:51

173 Views

The HTML DOM select name property returns and modify the value of the name attribute of the drop-down list in an HTML document.Following is the syntax −Returning nameobject.nameModifying nameobject.name = “text”ExampleLet us see an example of HTML DOM select name property − Live Demo    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.2rem;    }    .drop-down{       width:35%;   ... Read More

HTML DOM Select multiple Property

Sharon Christine
Updated on 01-Jul-2020 09:33:54

261 Views

The HTML DOM select multiple property returns and modify whether multiple options can be selected from a drop-down list or not.SyntaxFollowing is the syntax −Returning multipleobject.multipleModifying multipleobject.multiple = true | falseExampleLet us see an example of HTML DOM select multiple property − Live Demo    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.2rem;    }    .drop-down{       width:50%;   ... Read More

HTML DOM Select length Property

karthikeya Boyini
Updated on 30-Jul-2019 22:30:26

253 Views

The HTML DOM select length property returns the number of elements inside a drop-down list in an HTML document.SyntaxFollowing is the syntax −object.lengthExampleLet us see an example of HTML DOM select length property − Live Demo    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.2rem;    }    .drop-down{       width:35%;       border:2px solid #fff;     ... Read More

HTML DOM Select disabled Property

karthikeya Boyini
Updated on 01-Jul-2020 09:00:44

217 Views

The HTML DOM select disabled property returns and modify whether the drop-down list in an HTML document is disabled or not.SyntaxFollowing is the syntax −Returning disabledobject.disabledModifying disabledobject.disabled = true | falseExampleLet us see an example of HTML DOM select disabled property − Live Demo    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.2rem;    }    .drop-down{       width:35%;   ... Read More

HTML DOM Select Object

karthikeya Boyini
Updated on 30-Jul-2019 22:30:26

278 Views

The HTML DOM select Object represent the element of an HTML document.Let’s see how to create select objectSyntaxFollowing is the syntax −document.createElement(“SELECT”);PropertiesFollowing are the properties of select Object −PropertyExplanationautofocusIt returns and modify whether the drop-down list should get focused or not when page load.disabledIt returns and modify whether the drop-down list is disabled or not.lengthIt returns the number of   elements inside a drop-down list in an HTML document.formIt returns the reference of the form that contain the drop-down list in the HTML document.multipleIt returns and modify whether multiple options can be selected from a drop-down list or not.nameIt returns ... Read More

HTML DOM Input Number min Property

Sharon Christine
Updated on 01-Jul-2020 09:06:23

116 Views

The DOM input number min property returns and modify the value of the min attribute of the input field of type=”number” in an HTML document.SyntaxFollowing is the syntax −Returning minobject.min2. Modifying minobject.min = “number”ExampleLet us see an example of HTML DOM input number min property − Live Demo    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.1rem;    }    input{   ... Read More

HTML DOM Input Number max Property

Sharon Christine
Updated on 01-Jul-2020 09:07:47

167 Views

The HTML DOM input number max property returns and modify the value of the max attribute of the input field of type=”number” in an HTML document.SyntaxFollowing is the syntax −Returning maxobject.max2. Modifying maxobject.max = “number”ExampleLet us see an example of input number max property − Live Demo    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.1rem;    }    input{     ... Read More

Advertisements