html & css форма не выстраивается

Question

html & css форма не выстраивается

0

Я пытаюсь поместить поле комментария в таблицу (в соответствии с запросом на назначение), а позиция курсора находится в середине поля, а не вверху слева, как и должно быть.

Код 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;
}

user2827773 03 окт. 2013, в 21:49

Источник

Теги:

html

css

3 ответа

Ещё вопросы

kunalbhat · Answer 1 · 2013-10-03T17-36-00.000Z

Попробуйте использовать textarea вместо обычного ввода для многострочного ввода. Я думаю, что это поведение, которое вы ожидаете.

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

Рабочий пример

1+ Уверен, это то, что они хотят. Я думал, что они хотели текст: «комментарии» вертикально / горизонтально выровнены.

Sébastien · Answer 2 · 2013-10-03T18-10-00.000Z

input используется для однострочного ввода, поэтому по умолчанию он ведет себя как встроенный элемент, а текстовая строка - по вертикали. В основном в этой высокой коробке вы можете иметь только одну строку, даже если вы увеличиваете высоту в CSS. Идите дальше и попробуйте ввести разрыв строки.

Таким образом, вам может быть лучше использовать textarea, например:

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

Обратите внимание, что содержимое, заключенное в теги open и close, вместо атрибута value.

Также обратите внимание, что вам не нужен класс "comment" (class="comment"), если вы не планируете использовать его в CSS или JavaScript.

OriShuss · Answer 3 · 2013-10-03T17-28-00.000Z

Это происходит с тегом "input". Вместо этого вы должны использовать текстовую область.

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