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 summary Object represent the element of an HTML document.Let us now see how to create summary object −SyntaxFollowing is the syntax −document.createElement(“SUMMARY”);ExampleLet us see an example of HTML DOM summary 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 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 S Object represent the element of an HTML document.Let us create an s object −SyntaxFollowing is the syntax −document.createElement(“S”);ExampleLet us see an example of s object − Live Demo    body{       text-align:center;       background-color:#fff;       color:#0197F6;    }    h1{       color:#23CE6B;    }    .drop-down{       width:35%;       border:2px solid #fff;       font-weight:bold;       padding:8px;    }    .btn{       background-color:#fff;       border:1.5px dashed #0197F6;       height:2rem;       ... Read More

The HTML DOM Subscript Object represent the element of an HTML document.Let us see how to create subscript objectSyntaxFollowing is the syntax −document.createElement(“SUB”);ExampleLet us see an example of HTML DOM subscript 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

The HTML DOM Input Email readOnly property sets/returns whether Input Email can be modified or not.SyntaxFollowing is the syntax −Returning boolean value - true/falseinputEmailObject.readOnlySetting readOnlyto booleanValueinputEmailObject.readOnly = booleanValueBoolean ValuesHere, “booleanValue” can be the following −booleanValueDetailstrueIt defines that the input email field is readOnly.falseIt defines that the input email field is not readOnly and can be modified.ExampleLet us see an example of Input Email readOnly property − Live Demo Input Email readOnly    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: ... Read More

The HTML DOM Input Email placeholder property sets/returns a string generally used to give hints to user of what the input text will look like.SyntaxFollowing is the syntax −Returning string valueinputEmailObject.placeholderSetting placeholder to stringValueinputEmailObject.placeholder = stringValueExampleLet us see an example of Input Email placeholder property − Input Email placeholder    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    } ... Read More