无法用电子输入文本/输入字段

Question

So I am developing an app (calendar) with electron. I have made this menu where you can add new events and so on. And I want the user to be able to enter the title of their event into a textbox/input field. But when I create the element, I cannot type anything into it..? This is how i have set it up:

var inputField = document.createElement("input");
    inputField.setAttribute("type", "text");
    inputField.setAttribute("value","Title");
var container = document.getElementById("mainCont");
    container.appendChild(inputField);

Why isn't this working..? I have also tried wrapping everything up in a paragraph tag, but to no avail.

In advance, thanks.

Answer 1

Oh well, I found the answer.. It turns out that I have to 'focus' the input element when using electron. The solution:

 <script type="text/javascript" charset="utf-8">
  document.getElementsByTagName('input')[0].focus()
</script>