The task we are going to perform in this article is how to specify that the details should be visible to the user in HTML. The user can open and close more details by using the tag, which specifies them. Create interactive widgets that the user can open and close by using the tag. The widget's closed state by default. It expands when you open it, revealing the contents. The details tag is a container for any kind of content. Syntax Following is the syntax for tag Text content ... Read More

Use the name attribute to set the name of the element. You can use this with the following HTML elements: , , , , , , , , , , , ExampleYou can try to run the following code to implement name attribute −           Subject:       Add an incorrect spelling for a word above and see what happens.       This is an editable conttent, with a spelling mistake. Click to edit.    

In HTML, forms for user input are created using the tag. The form tag uses a lot of different elements. When submitting a form, the novalidate attribute of the HTML tag is used to indicate that the form-data should not be validated. This attribute is a Boolean one. Following are the examples… Example In the following example we are using novalidate to make the form disabled after getting submitted. DOCTYPE html> Name: ... Read More

Use the muted attribute to set the audio output of the video to mute. You can try to run the following code to implement muted attribute −Example                                        Your browser does not support the video element.          

In this article we are going to learn about how to execute a script when an error occurs in HTML. If an error happens while loading an external file, the onerror event is started (e.g. a document or an image). Let’s look into the following examples to understand more about how to execute a script when an error occurs in HTML. Using HTML Example In the following example we are using img to get displayed on our webpage using img src. ... Read More

Use the multiple attribute in HTML to specify a user can enter more than one value.ExampleYou can try to run the following code to implement multiple attribute −           Upload multiple files                                  After uploading multiple files, click Submit.                    

Use the method attribute to specify the HTTP method to use when sending form-data in HTML.ExampleYou can try the following code to implement method attribute −        HTML option Tag                                     HTML             Ruby                              

Use the min attribute to add the minimum value in HTML. You can try to run the following code to implement min attribute −Example                    Rank:                              

When an element has been dragged in HTML to a valid drop target, the ondragenter attribute fires.ExampleYou can try to run the following code to implement the ondragenter attribute −                    #boxA, #boxB {             float:left;padding:10px;margin:10px; -moz-user-select:none;          }          #boxA { background-color: #6633FF; width:75px; height:75px; }          #boxB { background-color: #FF6699; width:150px; height:150px; }                      function dragStart(ev) {             ev.dataTransfer.effectAllowed = 'move';             ev.dataTransfer.setData("Text", ev.target.getAttribute('id'));             ev.dataTransfer.setDragImage(ev.target,0,0);             return true;          }                              Drag and drop HTML5 demo          Try to drag the purple box around.                       Drag Me                    Dustbin          

The ondurationchange attribute triggers when the length of the audio/ video changes in HTML.ExampleYou can try to run the following code to implement ondurationchange attribute −                                        Your browser does not support the video element.                      function display(vLength) {             alert("Video Length: " + vLength.duration + " seconds");          }