使文本从输入框的左上角开始

Question

我在一个页面上有多个输入框，我希望文本从左上角开始。目前，与我在下面使用的一样，它向左对齐，但在框的中间。我试过垂直对齐和其他东西，但没有运气。我不想使用填充，因为文本需要环绕，它只会让它从框的顶部弹出：

<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"/>

编辑 - 因此，根据建议，我已将其改回 textarea，现在我的 HTML 中有 textarea 框（已简化为仅在表单中显示）：

<form id="submitform" name="submitform" action="submit.php" onsubmit="return validateSubmitForm()" method="post">

    <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"></textarea>

    <p id="submitsummaryfail"></p>
    <input type="submit" value="Submit" class="btn">
</form>

而我正在尝试做的是一个验证功能：

<script>
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;
        }
}
</script>

Answer 1

根据您的评论，您可以使用<textarea>，然后使用 jquery .val() 获取值：

var text = $("#submitsummary").val();

https://stackoverflow.com/a/13321580/802791