How can i bind custom data on native html element?

Hi experts,

How can i bind (custom or) standard data  on native html element as below?   Thanks.

<mvc:View controllerName="arete.app1.controller.Category.CategoryDetail"           xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc" xmlns:html="http://www.w3.org/1999/xhtml"            xmlns:app="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1" >  <Page id="pg_Categories" title="{i18n>Category.CategoryDetail}" showNavButton="true" navButtonPress="onNavBack">    <content>      <!--Native HTML Element can't-->      <html:input id="nativeBtn"   value="{i18n>Category.ProductsOfCategory}"  app:myData="{i18n>Category.Xval}"></html:input>      <!--UI5 element OK-->      <button id="ui5Btn"   text="{i18n>Category.ProductsOfCategory}"   app:myData="{i18n>Category.Xval}"></button>       </content>  </Page></mvc:View>

Xml View

Preview