title: Making text start in top left of an input box
body: <p>I have several input boxes on a page, and I want the text to begin in the top-left.  Currently, with what I am using below, it is aligned left, but in the middle of the box.  I've tried vertical align and other things, but no luck.  I don't want to use padding, because the text needs to wrap around and it will just make it pop out the top of the box:</p>
  
  <pre><code>&lt;input style="height:200px;width:800px;font-family:Arial;border:1px solid #a6a6a6;
                background-color:#fff9eb;resize:none" wrap="hard"
                id="submitsummary" name="submitsummary"
                placeholder="1000 character limit..." 
                maxlength="1000" size="1000" type="text"/&gt;
  </code></pre>
  
  <p>EDIT - So based on recommendations I've changed it back to textarea, I now have the textarea box in my HTML (simplified to show just it within the form):</p>
  
  <pre><code>&lt;form id="submitform" name="submitform" action="submit.php" onsubmit="return validateSubmitForm()" method="post"&gt;
  
      &lt;textarea style="height:60px;width:600px;font-family:Arial;border:1px solid #a6a6a6;
            background-color:#fff9eb;resize:none" wrap="hard" size="200" 
            placeholder="200 character limit..." maxlength="200"
            id="submitsummary" name="submitsumary" type="text"&gt;&lt;/textarea&gt;
  
      &lt;p id="submitsummaryfail"&gt;&lt;/p&gt;
      &lt;input type="submit" value="Submit" class="btn"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And what I'm trying to do is a validation function:</p>
  
  <pre><code>&lt;script&gt;
  function validateSubmitForm()
  {
      var submitsummary=$('#submitsummary').val();
  
      // check that summary isn't blank
      if (submitsummary==null || submitsummary=="")
          {
          $('#submitsummaryfail').html("Summary cannot be blank");
          return false;
          }
      else
          {
          $('#submitsummaryfail').html("");
          return true;
          }
  }
  &lt;/script&gt;
  </code></pre>