title: Onclick add value to textfield?
body: <p>I'm trying to code an onscreen keyboard but can't see why the keys when clicked do not insert the values, instead nothing happens. Sorry if this is a obvious problem, I am trying to learn.</p>
  
  <pre><code>        &lt;tr&gt;
                  &lt;td colspan="3"&gt; &lt;B&gt;Search&lt;/B&gt;
                      &lt;div id="keyboard"&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;br&gt;
  &lt;input id="searchbox" type="text"&gt;
  &lt;br&gt;
      &lt;input id="qkey" type="button" value="q" onClick="document.getElementById("searchbox").value+='q';"/&gt;
      &lt;input id="wkey" type="button" value="w" onClick="document.getElementById("searchbox").value+='w';"/&gt;
      &lt;input id="ekey" type="button" value="e" onClick="document.getElementById("searchbox").value+='e';"/&gt;
      &lt;input id="rkey" type="button" value="r" onClick="document.getElementById("searchbox").value+='r';"/&gt;
      &lt;input id="tkey" type="button" value="t" onClick="document.getElementById("searchbox").value+='t';"/&gt;
      &lt;input id="ykey" type="button" value="y" onClick="document.getElementById("searchbox").value+='y';"/&gt;
      &lt;input id="ukey" type="button" value="u" onClick="document.getElementById("searchbox").value+='u';"/&gt;
      &lt;input id="ikey" type="button" value="i" onClick="document.getElementById("searchbox").value+='i';"/&gt;
      &lt;input id="okey" type="button" value="o" onClick="document.getElementById("searchbox").value+='o';"/&gt;
      &lt;input id="pkey" type="button" value="p" onClick="document.getElementById("searchbox").value+='p';"/&gt;
      &lt;input id="backkey" type="button" value="Bckspc" onclick='bckspc'&gt;
      &lt;br&gt;
      &lt;input id="akey" type="button" value="a" onClick="document.getElementById("searchbox").value+='a';"/&gt;
      &lt;input id="skey" type="button" value="s" onClick="document.getElementById("searchbox").value+='s';"/&gt;
      &lt;input id="dkey" type="button" value="d" onClick="document.getElementById("searchbox").value+='d';"/&gt;
      &lt;input id="fkey" type="button" value="f" onClick="document.getElementById("searchbox").value+='f';"/&gt;
      &lt;input id="gkey" type="button" value="g" onClick="document.getElementById("searchbox").value+='g';"/&gt;
      &lt;input id="hkey" type="button" value="h" onClick="document.getElementById("searchbox").value+='h';"/&gt;
      &lt;input id="jkey" type="button" value="j" onClick="document.getElementById("searchbox").value+='j';"/&gt;
      &lt;input id="kkey" type="button" value="k" onClick="document.getElementById("searchbox").value+='k';"/&gt;
      &lt;input id="lkey" type="button" value="l" onClick="document.getElementById("searchbox").value+='l';"/&gt;
      &lt;br&gt;
      &lt;input id="zkey" type="button" value="z" onClick="document.getElementById("searchbox").value+='z';"/&gt;
      &lt;input id="xkey" type="button" value="x" onClick="document.getElementById("searchbox").value+='x';"/&gt;
      &lt;input id="ckey" type="button" value="c" onClick="document.getElementById("searchbox").value+='c';"/&gt;
      &lt;input id="vkey" type="button" value="v" onClick="document.getElementById("searchbox").value+='v';"/&gt;
      &lt;input id="bkey" type="button" value="b" onClick="document.getElementById("searchbox").value+='b';"/&gt;
      &lt;input id="nkey" type="button" value="n" onClick="document.getElementById("searchbox").value+='n';"/&gt;
      &lt;input id="mkey" type="button" value="m" onClick="document.getElementById("searchbox").value+='m';"/&gt;
      &lt;br&gt;
      &lt;input id="spacekey" type="button" value="                  space                  " onClick="document.getElementById("searchbox").value+=' ';"/&gt;
              &lt;/center&gt;
              &lt;/div&gt;
          &lt;/tr&gt;
  </code></pre>