title: How to set the position of the text cursor inside a form field
body: <p>When I click on the text box, I want the cursor to appear at the top left, and advance as you would advance down a word doc. Instead, it starts in the middle and pressing enter submits the string.</p>
  
  <p>What I'm looking to do also is make it so pressing enter line breaks, rather than submits, and the cursor start at the top left of the page rather than the middle left.</p>
  
  <pre><code>&lt;head&gt;
  &lt;title&gt;Notepad&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="../stylesheets/styles.css"&gt;
  &lt;script type= "text/javascript" src="../javascripts/script.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;form id="form1"&gt;
  &lt;input type="text" id="form2" value autofocus="on"&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>current form so far. </p>