title: I can't use backspace in a javascript-generated input text box
body: <p>I made a javascript-generated form that produces buttons and 1 <code>input type='text</code>. However, in order to delete what you've typed, you need to highlight the text and type over it, instead of the easy BACKSPACE key. Here is some of my code:</p>
  
  <pre><code>var imTime=document.createElement('button');
  var imDaTime=document.createElement('input');
  imTime.setAttribute('onclick','xSetDaTime();');
  imDaTime.setAttribute('type','text');
  imDaTime.setAttribute('id','daT');
  imTime.innerHTML='Set time (in seconds) : ';
  document.body.insertBefore(imDaTime,document.body.firstChild);
  document.body.insertBefore(imTime,document.body.firstChild);
  function xSetDaTime() {
      lingDRILL.startTime=(new Date()).getTime()-((document.getElementById('daT').value)*1000);
  }
  window.scrollTo(0, 0);
  </code></pre>
  
  <p>Everything works properly, with the exception of the backspace/delete key.</p>