html text mask pattern (a****a) like citicards.com

How does citicards.com implement the login ID text box with special mask?

When you type "johndoe" and focus out the textbox becomes "jo***oe"

Is there a HTML5 mask with pattern?