Change InputText component in Animate CC (canvas)

Coding for fun. Going from AS3 to html5/javascript using Adobe Animate CC. Help needed. I would like to use the TextInput component when working on a canvas (html5/js) in a .fla document. Accoding to this url, it is possible to change the font, font-size, color, etc, using css: [login to view URL] Sounds simple, and I know how to do it in AS3, but I have no experience with css. :) The task is simple: change the code en the project attached, so I can use a TextInput component. To clearify: the TextInput component is needed, as the input field should scale, when the size of the canvas changes. A fixed position is therefor not enough. You (the coder) a) supply code on how to change the font, font-size, color, alignment... b) supply code on how to set the focus of the TextInput component c) supply code to change the x and y position of the TextInput component on the canvas d) supply code on how to deactivate the TextInput component. All coded in html5/javascript (not AS3) in a .fla document - using canvas.