HTML Articles - Page 82 of 151

The HTML DOM Input Time defaultValue property sets/returns the default value corresponding to Time Input. The value attribute changes as the user changes the time but default value does not change.SyntaxFollowing is the syntax −Returning string valueinputTimeObject.defaultValueSetting defaultValue to stringinputTimeObject.defaultValue = ‘string’ExampleLet us see an example of Input Time defaultValue property − Live Demo Input Time defaultValue    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: ... Read More

The HTML DOM Input Time autofocus property sets/returns whether Input Time is focused upon initial page load.SyntaxFollowing is the syntax −Returning boolean value - true/falseinputTimeObject.autofocusSetting autofocus to booleanValueinputTimeObject.autofocus = booleanValueBoolean ValuesHere, “booleanValue” can be the following:booleanValueDetailstrueIt defines that input will be autofocused on initial page load.falseIt is the default value and input is not autofocused.ExampleLet us see an example of Input Time autofocus property − Live Demo Input Time autofocus    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px; ... Read More

The HTML DOM Input Text type property returns/sets type of Input Text.SyntaxFollowing is the syntax −Returning string valueinputTextObject.typeSetting type to string valueinputTextObject.type = stringValueString ValuesHere, “stringValue” can be the following −stringValueDetailsemailIt defines that input type is emailtextIt defines that input type is textradioIt defines that input type is radiotelIt defines that input type is tel and a number keypad is shown for inputExampleLet us see an example of Input Text type property − Live Demo Input Text type    form {       width:70%;       margin: 0 auto;       text-align: center;    } ... Read More

The HTML DOM Input FileUpload autofocus property sets/returns whether Input FileUpload is focused upon initial page load.SyntaxFollowing is the syntax −Returning boolean value - true/falseinputFileUploadObject.autofocusSetting autofocus to booleanValueinputFileUploadObject.autofocus = booleanValueBoolean ValuesHere, “booleanValue” can be the following −booleanValueDetailstrueIt defines that input will be autofocused on page load.falseIt is the default value and input is not autofocused.ExampleLet us see an example of Input FileUpload autofocus property − Live Demo Input FileUpload autofocus    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px; ... Read More

The HTML DOM Input Email value property returns a string, which is the value attribute of input Email. User can also set it to a new string.SyntaxFollowing is the syntax −Returning string valueinputEmailObject.valueSetting value attribute to a string valueinputEmailObject.value = ‘String’ExampleLet us see an example of Input Email value property − Live Demo Input Email value    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;   ... Read More

The HTML DOM Input Email type property returns/sets type of Input Email.SyntaxFollowing is the syntax −Returning string valueinputEmailObject.typeSetting type to string valueinputEmailObject.type = stringValueString ValuesHere, “stringValue” can be the following −stringValueDetailsemailIt defines that input type is emaildatetime-localIt defines that input type is datetime-localradioIt defines that input type is radiotelIt defines that input type is tel and a number keypad is shown for inputExampleLet us see an example of Input Email type property − Live Demo Input Email type    form {       width:70%;       margin: 0 auto;       text-align: center;    } ... Read More

The HTML DOM table Object represent the element of an HTML document.Let us see how to create table objectSyntaxFollowing is the syntax −document.createElement(“TABLE”);PropertiesFollowing are the properties of table object −PropertyExplanationcaptionIt returns element of a table in an HTML document.tFootIt returns element of a table in an HTML document.tHeadIt returns element of a table in an HTML document.MethodsFollowing are the methods of table object −MethodExplanationcreateCaption()It generates an empty element and adds it to the table.createTFoot()It generates an empty element and adds it to the table.createTHead()It generates an empty element and adds it to the ... Read More

The HTML DOM superscript Object represent the element of an HTML document.Let us see how to create superscript object −SyntaxFollowing is the syntax −document.createElement(“SUP”);ExampleLet us see an example of superscript object − Live Demo    body {       text-align: center;       background-color: #fff;       color: #0197F6;    }    h1 {       color: #23CE6B;    }    .btn {       background-color: #fff;       border: 1.5px dashed #0197F6;       height: 2rem;       border-radius: 2px;       width: 60%;       ... Read More

The HTML DOM Input Email size property returns/sets the size property for input Email. If not defined, this property returns ‘20’.SyntaxFollowing is the syntax −Returning size attributeinputEmailObject.sizeSet size property to a numberinputEmailObject.size = numberExampleLet us see an example of Input Email size property − Live Demo Input Email size    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } ... Read More

The HTML DOM Input Email required property determines whether Input Email is compulsory to set or not.SyntaxFollowing is the syntax −Returning boolean value - true/falseinputEmailObject.requiredSetting required to booleanValueinputEmailObject.required = booleanValueBoolean valuesHere, “booleanValue” can be the following −booleanValueDetailstrueIt is compulsory to set the email field to submit form.falseIt is the default value and to set an email field is not compulsory.ExampleLet us see an example of Input Email required property − Live Demo Input Email required    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {   ... Read More