HTML Articles - Page 124 of 221

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

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

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

The HTML DOM FileUpload files property returns a FileList object which contains all the files that are selected by the file upload button.SyntaxFollowing is the syntax −object.filesExampleLet us see an example of FileUpload files 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;    }    .show{   ... Read More