html＆css表單沒有排隊

Question

我試圖把一個評論框放在一個表內（根據任務請求），我的光標位置在框的中間，而不是左上角，因爲它應該是。

HTML代碼：

<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

出現這種情況與 'input' 標籤。您應該使用textarea。

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

Answer 3

input用於單行輸入，所以它的行爲就像默認和文本行的內聯元件被垂直居中。基本上在那個高箱子裏，即使你增加CSS的高度，你也只能有一行。繼續並嘗試輸入換行符。

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

注意，在封閉在打開和關閉標籤，而不是在value屬性內容：

所以，你可能使用textarea相反，像會更好。

另請注意，如果您不打算在CSS或JavaScript中使用它，則不需要「評論」類（class="comment"）。