html＆amp; css形式没有排队

Question

我正在尝试在表格中放置一个评论框（按照分配请求），我的光标位置在框的中间，而不是应该是左上角。

HTML code：

<tr>
<td>Comments: <input id="comment" type="text" name="Comment" class="comment"/></td>
</tr>

CSS代码：

#comment {
float: right; 
display: block; 
padding-right: 10px; 
width:70%;
height:100px;
}

Answer 1

尝试使用textarea代替普通输入进行多行输入。我认为这是你期待的行为。

<tr>
  <td>Comments: <textarea id="comment" name="Comment" class="comment"></textarea></td>
</tr>

Working example

Answer 2

这种情况发生在＆＃39;输入＆＃39;标签。你应该使用textarea。

<td>Comments: <textarea id="comment" name="Comment" class="comment"></textarea></td>

Answer 3

input用于单行输入，因此默认情况下它的行为类似于内联元素，文本行垂直居中。基本上在那个高大的盒子中，即使你在CSS中增加高度也只能有一行。来吧，尝试输入换行符。

因此，您可能最好使用textarea，例如：

<td>Comments: <textarea id="comment" name="Comment" class="comment">Some text</textarea></td>

请注意，内容包含在打开和关闭代码中，而不是value属性中。

另请注意，如果您不打算在CSS或JavaScript中使用它，则不需要“comment”类（class="comment"）。