Basic question for html template node

Hey everybody!

I have created a text input with html template node and I want to typing a message, which will be sending continiously to msg.payload.

[{"id":"b414e5f8.578f58","type":"ui_template","z":"5087a524.121224","group":"4e5b45cb.163f3c","name":"","order":16,"width":0,"height":0,"format":"<form >\n  <input type=\"text\" name=\"PN\" ng-bind-html=\"msg.payload\" autofocus><br>\n</form>","storeOutMessages":true,"fwdInMessages":true,"templateScope":"local","x":500,"y":800,"wires":[["d9bf733e.ad5b3"]]},{"id":"d9bf733e.ad5b3","type":"debug","z":"5087a524.121224","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","x":680,"y":800,"wires":[]},{"id":"ad79fbfc.a248a8","type":"inject","z":"5087a524.121224","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":320,"y":800,"wires":[["b414e5f8.578f58"]]},{"id":"4e5b45cb.163f3c","type":"ui_group","z":"","name":"Logo","tab":"2df54972.e9d336","order":1,"disp":false,"width":"4","collapse":false},{"id":"2df54972.e9d336","type":"ui_tab","z":"","name":"EVEXIA","icon":"dashboard","order":4,"disabled":false,"hidden":false}]

It works with the value of inject node but not with the message of text input.

Could someone give me a small tutorial?
After 2 days of googeling I still don't get, what to do!

Many thanks for helping!!

Why not use the ui-text node?