use role="a", role="text" to display a link, input:text about html6

[reyhappen]

<customtag role="a" href="#">this is an anchor</customtag>
<customtag role="input" value="123" />
<customtag role="submit" value="post" />

[m93a]

I don't see the point of doing so. You can just style them and use JavaScript to make them behave in the right way. However it would be cool to be able to extend the default elements... The good news is that they're already working on it. See HTML5Rocks!

Example of registerElement:

<script>
 document.registerElement("custom-anchor",{
   extends: HTMLAnchorElement,
   prototype: HTMLAnchorElement.prototype
 }
</script>
<custom-anchor href=#>I am an anchor!</custom-anchor>

I haven't tested it so don't know if it actually works. It's an early draft and afaik supported only in Chrome.