метка и поле ввода в одной строке

Question

У меня есть следующий HTML:

<label>blah</label>
<input type=text ... />

Я хочу, чтобы метка находилась в одной строке, а под ней - поле ввода.

в настоящее время он находится на одной линии, должен ли я использовать очистку?

Answer 1

Вы можете поместить класс или стиль CSS, который изменит отображение, на блок:

<label style="display:block">blah</label>
<input type=text ... />

Answer 2

<label>blah</label>
<br />
<input type=text ... />

Использовать разрыв строки.

Answer 3

<label for="fldAge">Age:</label>
<p>
<input type="text" name="Age" id="fldAge" />
</p>

Это также заставляет браузер отображать текст, связанный с вводом с помощью прямоугольника фокуса, и позволяет пользователю фокусировать поле, щелкая в любом месте связанного текста вместо элемента управления поля ввода.

Answer 4

Сделайте это с помощью CSS:

ярлык {ясно: оба; }

Answer 5

Самый простой способ - добавить <br> после </label>.

Также вы можете использовать теги div или таблицу с двумя строками.

Answer 6

Вы можете добавить между ними разрывную линию (<br />) или поместить каждый в отдельный div.