Browse DevX
Sign up for e-mail newsletters from DevX

Tip of the Day
Language: HTML
Expertise: Beginner
Jan 28, 2009

Adding Custom Attributes to HTML Elements

A custom attribute is any user-defined attribute, just like other primitive HTML element attributes. You can add custom attributes to any HTML element. For example, suppose you wanted to add the displayName attribute to the following HTML text box:

    <input type="text" id="txtBox" />
There are two ways to do this:
  1. You can add displayName when you write the HTML element tag in the web page:
         <input type="text" id="txtBox" displayName="displayNAME1" />
  2. You can use the DOM:
         document.all.txtBox.displayName = "displayNAME1";
As you can see, you access custom attributes the same way you'd access any built-in attributes. For example:

Deepak Choudhari
Thanks for your registration, follow us on our social networks to keep up-to-date