Front End Technology Articles - Page 555 of 860

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

The HTML DOM Input Email pattern property sets/returns the regular expression corresponding to Email Input. The pattern attribute’s value is checked against the text typed in an email field.SyntaxFollowing is the syntax −Returning regular expressioninputEmailObject.patternSetting pattern to regular expressioninputEmailObject.pattern = ‘RegExp’ExampleLet us see an example of Input Email pattern property − Live Demo Input Email pattern    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="submit"] {       border-radius: 10px; ... Read More

The HTML DOM Input Email Object represents an input HTML element with type email.SyntaxFollowing is the syntax −Creating an with type emailvar emailObject = document.createElement(“input”); emailObject.type = “email”;AttributesHere, “emailObject” can have the following attributes −AttributesDescriptionautocompleteIt provides suggestions based on previously typed text, if set to ‘ON’autofocusIf set to true the email field is focused upon initial page load.defaultValueIt sets/returns the default value of an email fielddisabledIt defines if an email field is disabled/enabledformIt returns a reference of enclosing form that contains the email fieldmaxLengthIt returns/sets the value of maxLength attribute of an email fieldmultipleIt returns/sets if an email field ... Read More

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