Found 2202 Articles for HTML

HTML DOM Input Number defaultValue Property

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

99 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

117 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

218 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

142 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

156 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

HTML DOM Input Number name Property

Sharon Christine
Updated on 01-Jul-2020 08:06:10

111 Views

The HTML DOM input number name property returns and modify the value of the name attribute of the input field of type=”number” in a HTML document.SyntaxFollowing is the syntax −1. Returning nameobject.name2. Modifying nameobject.name = “text”ExampleLet us see an example of HTML DOM input number 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;    }   ... Read More

HTML DOM Input Number disabled Property

Sharon Christine
Updated on 01-Jul-2020 08:10:33

173 Views

The HTML DOM input number disabled property returns and modify whether the input field of type=”number” 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 input number 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;       background:#B39CD0;       height:100%;    }    p{       font-weight:700;       font-size:1.2rem;   ... Read More

HTML DOM Input Number autofocus Property

Sharon Christine
Updated on 01-Jul-2020 08:55:59

123 Views

The HTML DOM input number autofocus property returns and modify whether the input number field should get focused or not when page load.SyntaxFollowing is the syntax −Returning autofocusobject.autofocus2. Modifying autofocusobject.autofocus = true | falseExampleLet us see an example of HTML DOM input number autofocus property − Live Demo HTML DOM autofocus property    body{       text-align:center;       background-color:#1b203a;       color:#ff8741;    }    p{       font-size:1.2rem;    }    input{       border:none;       background-color:#ffffff4a;       height:1.2rem;       padding:8px;       color:#fff; ... Read More

HTML DOM Input Number form Property

Sharon Christine
Updated on 30-Jul-2019 22:30:26

111 Views

The HTML DOM input number form property returns the reference of the form that contains the number input field in the HTML document.SyntaxFollowing is the syntax −object.formExampleLet us see an example of HTML DOM input number form property − Live Demo body{ text-align:center; background-color:#1b203a; color:#fff; } form{ margin:2.5rem auto; border:1px solid #fff; padding:2rem; ... Read More

HTML DOM Input Number stepDown() Method

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

96 Views

The HTML DOM input number stepDown() method decrements the value of input number field by a specified value.SyntaxFollowing is the syntax −object.stepDown(number)Here, if number parameter is omitted then it decrements the value by 1.ExampleLet us see an example of input number stepDown() method − Live Demo HTML DOM stepUp()/stepDown() Demo body{ text-align:center; background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat; height:100vh; color:#fff; } p{ ... Read More

Advertisements