Front End Technology Articles - Page 570 of 860

The HTML DOM input hidden value property returns and modify the content of value attribute of input field of type=”hidden” in an HTML document.SyntaxFollowing is the syntax −1. Returning valueobject.value2. Modifying valueobject.value=”text”ExampleLet us see an example of HTML DOM input hidden value property − Live Demo    body{       text-align:center;       background-color:#F19A3E;       color:#fff;    }    .btn{       background-color:#3C787E;       border:none;       height:2rem;       border-radius:50px;       width:60%;       margin:1rem auto;       display:block;       color:#fff;   ... Read More

The HTML DOM input hidden type property returns the value of type attribute of input field.SyntaxFollowing is the syntax −object.typeExampleLet us see an example of HTML DOM input hidden type property − Live Demo    body{       text-align:center;       background-color:#F19A3E;       color:#fff;    }    .btn{       background-color:#3C787E;       border:none;       height:2rem;       border-radius:50px;       width:60%;       margin:1rem auto;       display:block;       color:#fff;       outline:none;    }    .show{       color:#fff;   ... Read More

We can find a substring inside a string in two ways. One way is using the indexOf() method and the other is using ES6 includes() method. let's discuss them in detail.indexOf()syntaxindexOf(str);This method tries to check the index of the substring we need. If there is index, which means substring is present, then true will be displayed in the output else false will be displayed as output. This method is case sensitive. ExampleLive Demo var company = "Tutorix"; document.write(company.indexOf('Tutor') !== -1); document.write(""); document.write(company.indexOf('tutor') !== -1); Outputtrue falseincludes()syntaxincludes(str);Unlike the indexOf() ... Read More

The HTML DOM input hidden name property returns and alter the value of name attribute of input field of type=”hidden” in an HTML document.SyntaxFollowing is the syntax −1. Returning nameobject.name2. modifying nameobject.name=”text”ExampleLet us see an example of HTML DOM input hidden name property − Live Demo    body{       text-align:center;       background-color:#F19A3E;       color:#fff;    }    .btn{       background-color:#3C787E;       border:none;       height:2rem;       border-radius:50px;       width:60%;       margin:1rem auto;       display:block;       color:#fff;   ... Read More

The HTML DOM input hidden object represents the element with type=”hidden” of an HTML document.Create input hidden object −SyntaxFollowing is the syntax −var hiddenInput = document.createElement(“INPUT”); hiddenInput.setAttribute(“type”, ”hidden”);PropertiesFollowing are the properties of HTML DOM input hidden Object −PropertyExplanationformIt returns the cite of the form that contain the hidden input field.nameIt returns and alter the value of name attribute of hidden input field.typeIt returns the value of type attribute of input field.defaultValueIt returns the value of type attribute of input field.defaultValueIt returns and modify the default value of the hidden input field.valueIt returns and modify the value of the value ... Read More

The HTML DOM input FileUpload type property returns the value of type attribute of an element in an HTML document.SyntaxFollowing is the syntax −object.typeExampleLet us see an example of HTML DOM input file upload type property − Live Demo    body{       text-align:center;       background-color:#52B2CF;       color:#fff;    }    .btn{       background-color:coral;       border:none;       height:2rem;       border-radius:50px;       width:60%;       margin:1rem auto;       display:block;       color:#fff;       outline:none;    }   ... Read More

The HTML DOM input FileUpload Object represents the

The HTML DOM input FileUpload required property returns and modify the value of required attribute of a file upload input button in HTML.SyntaxFollowing is the syntax −1. Returning requiredobject.required2. Modifying requiredobject.required = true|falseExampleLet us see an example of HTML DOM input file upload required property − Live Demo HTML DOM file upload required Property    body{       text-align:center;    }    .btn{       display:block;       margin:1rem auto;       background-color:#db133a;       color:#fff;       border:1px solid #db133a;       padding:0.5rem;       border-radius:50px;       ... Read More

The HTML DOM input FileUpload value property returns the content of the value attribute of file upload input button.SyntaxFollowing is the syntax −object.valueExampleLet us see an example of input FileUpload value property − Live Demo HTML DOM name Property    body{       background-color:#397367;       color:#fff;       padding:20px;    }    .btn{       display:block;       background-color:#22223B;       color:#fff;       border:none;       padding:0.5rem;       border-radius:50px;       width:80%;       margin:10px;    }    .show-value{       font-weight:bold;   ... Read More

The HTML DOM input FileUpload form property returns the reference of the form which enclose the file upload input button.SyntaxFollowing is the syntax −object.formExampleLet us see an example of input FileUpload form property − Live Demo    body{       text-align:center;       background-color:#363946;       color:#fff;    }    form{       margin:2.5rem auto;    }    button{       background-color:#db133a;       border:none;       cursor:pointer;       padding:8px 16px;       color:#fff;       border-radius:5px;       font-size:1.05rem;    }    .show{     ... Read More