textInput component in HTML5 Canvas application: not appearing and how to put an outline around it and give it focus with Javascript

and you can restrict the length of the input like this:

dom_overlay_container.children["imputTextName"].maxLength = 2;

YOu can also restrict your input to only digits like this:

function what_change(evt) {
        var regex = /[^0-9]/g;
        evt.target.value = evt.target.value.replace(regex, "");
          // add any code you need to check the input value

    }
    $("#dom_overlay_container").on("keyup", "#nameofInputtext ", what_change.bind(this));

Change  nameofInputtext to your input instance name

Try to add style like this and see if it works. also check out the javascript console.

$("#inputNumber").css({
        "color": "teal",
        "font-size": 18,
        "text-align": "center"
    });

Note: animate adds jquery when you add a component.