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

我在页面上有几个输入框，我希望文本从左上角开始。目前，我正在使用下面的内容，它左对齐，但在框中间。我试过垂直对齐和其他东西，但没有运气。我不想使用填充，因为文本需要回绕，它只是让它跳出盒子的顶部：使文本从输入框的左上角开始

<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的，我现在有textarea的框在我的HTML（简化为只显示表格中的话）：

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

来源

2013-01-11 cschippe

这可能是一个浏览器错误，因为当我尝试你的代码与Internet Explorer，文本左上角开始。当我用Chrome打开它时，它从盒子中间开始。 –

假设您正在讨论输入内的文本，为什么不使用textarea呢？它似乎适合。 – alexb

基础的在你的评论中，你可以使用<textarea>然后使用jQuery .val()取值：

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

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

来源

2013-01-11 21:59:16

由于某种原因，这对我来说现在不起作用（它实际上结束了jquery验证并让表单提交，所以有些东西不起作用） – cschippe

@ChrisS也许你可以告诉我们你正在努力工作的代码吗？ –

马里奥和@alexb，我更新了上面的问题，很想知道为什么它目前是不行的。非常感谢 – cschippe

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

回答

相关问题