In this article, we need to embed custom data attributes on all HTML elements. we can do so, using the data-* attribute in HTML. The data-* attribute in HTML is used to custom data private to the webpage or application. This attribute adds custom values to an HTML element. The data-* attribute in HTML consists of two parts − The attribute value can be any string. The attribute name should only contain lowercase letters and must have at least one character after the prefix "data-". This data is commonly used in JavaScript to improve the user experience. Following ... Read More

Use the onkeydown attribute. The onkeydown attribute triggers when the user is pressing a key.ExampleYou can try to run the following code to execute a script on pressing a key −           Press a key inside the textbox.                      function display() {             alert("You pressed a key!");          }          

Use enctype attribute in HTML to set whether the form-data should be encoded while submitting to the server.ExampleYou can try to run the following code to implement enctype attribute −           Which sports do you like?                 Football           Cricket           Hockey                    

Use the dropzone attribute to set whether the dragged data is copied, moved or linked.Copy − The drop will create a copy of the dragged element.Move − The dragged element will get moved to the new location.Link − It creates a link to the dragged data       Try the following to work with dropzone attribute in JavaScript − None of the browsers supports this attribute now.

Use the draggable attribute to set whether the element is draggable or not. Set it using the values true and false.ExampleYou can try to run the following code to implement draggable element and drag an element −                 .drag {          float: left;          width: 100px;          height: 35px;          border: 2px dashed #876587;          margin: 15px;          padding: 10px;       }                     ... Read More

Use the download attribute to set the file to download on click of the hyperlink. Set the value of the attribute to the name of the downloaded file, for example, image.Example           if statement in Java       The following is an image explaining the concept if if-statmement in Java (Click to download):                                

Use the dir attribute in HTML, to set the text direction for the content in an element. You can try to run the following code to implement dir attribute −Example           This is demo text from left-to-right.       This is demo text from right-to-left.    

Use the disabled attribute to disable an element. The attribute can be used for the following elements: , , , , etc.ExampleYou can try to run the following code to implement disabled attribute −           Which sports do you like?                 Football           Cricket           Hockey                    

Use the dirname attribute allows you to submit the the text direction. The value will be the name of the input followed by “.dir”.Example           Student Contact Form                Student Name:          Student Subject:                    

Use the defer attribute to execute the script when the page has finished parsing in HTML.Firstly, add a js file.Let us give it a name, new.js,function sayHello() {    alert("Hello World") }ExampleLet’s add the HTML code now and execute the above script −                         This is demo text.