Question

我使输入框变大（例如500 x 500像素），但文本将从中间开始，而不是从顶部开始。我尝试将填充设置为零但它似乎不起作用。这是在表单标签下。这是我的HTML代码：

<form>
<input class="postbox" value="Hello."><br>
</form>

这是我的css代码：

.postbox{
    padding:0;
    height:500;
    width:500;}

Answer 1

您将输入行拉伸到500px，而不是表单。正如AlvaroMenéndez所注意到的，你可能想要使用textarea而不是输入。

使用类似

的内容

<form>
<textarea class="postbox" placeholder="Hello"></textarea><br>
</form>
<style>
.postbox {
  padding:0;
  height:500px;
  width:500px;
}
</style>

http://pascha.org/test/2.php

Answer 2

像这样的东西可能会这样做，我已经移除了高度并填充了输入

.postbox{
    padding-bottom:450px;
    width:500px;
}

Answer 3

您可以使用padding-bottom属性

来实现

HTML

<input type="text" value="test"/>

CSS

input {
   padding: 10px 10px 100px;
    width: 300px;
    border: 1px solid red;
}

JSFiddle：http://jsfiddle.net/LeoAref/ko9ahz0L/

如何使输入标签的值文本位于左上角？

3 个答案: