1. Summary of Changes

• HTML5 is designed with extensibility in mind for data that should be associated with a particular element but need not have any defined meaning. data-* attributes allow us to store extra information on the standard, semantic HTML elements without other hacks such as non-standard attributes, extra properties on DOM.

• However, custom attributes have no special meaning generally and are only special to the owner's application. They can be used to simplify an application's logic. By allowing JForm to support data attributes, it can be greatly aid development of extensions both core and third party.

2. Testing Instructions

• Add data attribute in XML form, for example

  • Open administrator/components/com_users/models/forms/user.xml file
  • Add data attribute in xml field, like

     <field name="name" 
            type="text"
            description="COM_USERS_USER_FIELD_NAME_DESC"
            label="COM_USERS_USER_FIELD_NAME_LABEL"
    	required="true"
            size="30"
            data-action-type="click"  // add data attribute like this
       />
      

• Login into administrator

• Click on menu Users => Manage => Add New User

• Inspect the filed = Name

  • Output should be like this

     <input type="text" 
            name="jform[name]" 
            id="jform_name" 
            value="" 
            class="required invalid" 
            size="30" 
            required="required" 
            aria-required="true" 
            data-action-type="click"  // output 
            autocomplete="off" 
            aria-invalid="true"
       />
         

  • Output snapshot