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

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

1 个答案: