The HTML label tag enables us to click on the label, which will be treated as if we had clicked on the appropriate input type. The HTML can accept several input kinds, such as a radio button or checkbox. The for attribute provides the form element to which a label is bound. Syntax Label Content Following are the examples… Example In the following example if we click on the student the respected radio button will be selected, increasing the selection area.this is done with the help of for attribute. DOCTYPE html> Click ... Read More

When a form is submitted, the input control's processing file's URL is specified using the HTML formaction property. The formaction attribute is invoked when the form has been submitted. After submitting the form, the form's data must be delivered to the server. Following are the examples… Example: Using method = “post” In the following example we are submitting the form using method=”post” DOCTYPE html> First name: ... Read More

Use the ondragstart attribute in HTML to execute a script at the start of a drag operation in HTML.ExampleYou can try to run the following code to implement the ondragstart attribute −                    drag {          float: left;          width: 100px;          height: 35px;          border: 2px dashed #876587;          margin: 15px;          padding: 10px;          }                       ... Read More

Use the onended attribute in HTML to execute a script when the media has reached the end in HTML . You can add messages like “Thank you for watching”, “Stay tuned!”, etc.ExampleYou can try to run the following code to implement the onended attribute −                              Your browser does not support the video element.                      function display() {             alert ("Thank you for watching! Stay tuned!");          }          

Use the onemptied attribute in HTML to execute a script when the file is unavailable in HTML or it is empty.ExampleYou can try to run the following code to implement the onemptied attribute −                              Your browser does not support the video element.                      function display()          {             alert ("Sorry! Empty playlist!");          }          

Custom attributes are those that are specifically designed and are not included in the standard HTML5 attributes. They enable us to customise HTML tags by adding our own data. A custom attribute is any attribute whose name begins with data-. We can embed custom attributes on all HTML components using the data-* attributes. Syntax: HTML The syntax for the data-* attribute in HTML is relatively simple. Every element starting with data- is a data-* attribute. id = “sample” data-index = 1 data-row = 23 data-column = 44 ... Read More

When an element is being dragged and dropped in HTML, the ondragover attribute fires.ExampleYou can try to run the following code to implement the ondragover attribute −                    .drag {             float: left;             width: 100px;             height: 35px;             border: 2px dashed #876587;             margin: 15px;             padding: 10px;          }         ... Read More

Use the data attribute in HTML to specify the URL of the resource to be used by the object in HTML.ExampleYou can try to run the following code to implement the data attribute −           Demonstration                

Use the content attribute in HTML to get the value associated with http-equiv or name attribute.ExampleYou can try to run the following code to implement the content attribute −                         This is demo text.    

Use the onsearch attribute in HTML to execute a script when the user writes in a search field and press ENTER or x.ExampleYou can try to run the following code to implement the onsearch attribute −           Search something and press ENTER.             Note: It won' work in Internet Explorer and Firefox.                      function display() {          var a = document.getElementById("inputID");          document.getElementById("test").innerHTML = "Searched for - " + a.value;          }