Found 2417 Articles for HTML

HTML DOM Select length Property

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

184 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

135 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

197 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

61 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

96 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

HTML DOM Input Number defaultValue Property

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

59 Views

The HTML DOM input number defaultValue property returns and modify the default value of input field of type=”number” in a HTML document.SyntaxFollowing is the syntax minus;Returning default valueobject.defaultValuemodifying default valueobject.defaultValue=”number”ExampleLet us see an example of HTML DOM input number defaultValue 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;    }    input{       width:35%;     ... Read More

HTML DOM Input Number step Property

karthikeya Boyini
Updated on 01-Jul-2020 09:13:01

78 Views

The HTML DOM input number step property returns and modify the value of the step attribute of input number field in an HTML document.SyntaxFollowing is the syntax −Returning stepobject.stepModifying stepobject.step = “number”ExampleLet us see an example of HTML DOM input month step 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 placeholder Property

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

150 Views

The HTML DOM input number placeholder property returns and modify the value of the placeholder attribute of number input field.SyntaxFollowing is the syntax −Returning placeholderobject.placeholderModifying placeholderobject.placeholder = “text”ExampleLet us see an example of HTML DOM input number placeholder 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{       display:block;       ... Read More

HTML DOM Input Number required Property

karthikeya Boyini
Updated on 01-Jul-2020 09:19:27

73 Views

The HTML DOM input number required property returns and modify whether the input number field must be filled out before submitting the form.SyntaxFollowing is the syntax −Returning requiredobject.requiredModifying requiredobject.required = true | falseExampleLet us see an example of HTML DOM input number required 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 readOnly Property

Sharon Christine
Updated on 01-Jul-2020 07:58:12

114 Views

The HTML DOM input number readOnly property returns and modify whether the input number field is read-only or not in an HTML document.SyntaxFollowing is the syntax −Returning readOnlyobject.readOnlyModifying readOnlyobject.readOnly = true | falseExampleLet us see an example of input number readOnly 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{       display:block; ... Read More

Advertisements