输入文本卡在输入中心

时间:2013-08-27 23:33:35

标签: html css forms css3

我在输入框的顶部开始输入我的输入框中的文本时遇到问题。相反,它是垂直居中的。 stackoverflow上的其他解决方案似乎都没有帮助。

我在这里重新创建了这个问题(忽略表单其余部分看起来有多糟糕;):http://codepen.io/tim1017/pen/ofuhx

这是它所在的实际页面:http://dev.longviewsources.com/contact/

谢谢!

3 个答案:

答案 0 :(得分:3)

对于您想要的多行文字,您可能希望使用<textarea>,而不是文字输入标记。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea

另见:Multiple lines of input in <input type="text" />

答案 1 :(得分:2)

您正在使用输入,您应该使用textarea。输入元素仅支持一行输入,因此它将一行垂直居中。这是一个工作分叉:http://codepen.io/anon/pen/LBvsd

答案 2 :(得分:0)

纠正并分叉你可以检查css和例子;     here