<!DOCTYPE HTML> <html> <head> <link rel="stylesheet" href="../../../codebase/touchui.css" type="text/css" media="screen" charset="utf-8"> <script src="../../../codebase/touchui.js" type="text/javascript" charset="utf-8"></script> </head> <body> <script type="text/javascript" charset="utf-8"> dhx.protoUI({ name:"password", defaults:{ template:function(config){ return (config.label + " " || "label") + "<input type='password' maxlength=" + (config.maxLength || 30) + " style='width:" + (config.inputWidth || 100) + "px'>" + (config.value || "") + "</input>"} }, setValue:function(value){ this.getInput().value = value; }, getValue:function(){ return this.getInput().value; } }, dhx.ui.text); dhx.ui({// specifies a view view:"password",label:"Password", inputWidth:70, maxLength:5 }); </script> </body> </html>