Что означает строка без тега?

Question

Мне сейчас интересно, когда использовать чистый текст (не обернутый внутри, например, <p> теги) в HTML-документах.

У меня есть поля ввода, которые мне нужны, прежде чем текст:

<p>Age:</p> <input type="text" name="age">

Но использование тегов p, как указано выше, приведет к разрыву строки между ними. Однако, если я пропущу теги p, эта проблема больше не будет.

Тогда у меня вопрос, можно ли пропустить теги, и то, что в них интерпретируется как

Спасибо

Answer 1

Вы ищете тег <label>

Answer 2

Хотя, как сказал Вебарто, есть много решений, вы можете стилизовать тег p, или вы можете использовать span или label ... Люди обычно используют label .. Я скажу вам почему ..

В хороших принципах веб-дизайна очень важна одна вещь.

Если у вас есть какой-либо флажок, или радиокнопка, или текстовое поле, что-либо в вашей форме, тогда его нужно выбрать, просто щелкнув по ярлыку, связанному с ним. Пользователь не должен искать и нажмите кнопку, так как она очень мала, ее следует запустить, просто щелкнув метку , пользователь не должен искать текстовое поле, а затем щелкнуть внутри него и затем ввести ..

<label for="id of input element"> attribute provides that function

Следовательно, люди предпочитают

 <label>

Answer 3

Элемент p в принципе означает абзац, хотя HTML5 (и обычная практика) придерживаются либеральной позиции по этому поводу: «абзацем» является любой блок текста. Но даже при такой интерпретации нет смысла использовать p разметку для метки поля, так как вы не хотите, чтобы метка появлялась в собственном блоке. Вы можете использовать p разметку вокруг метки и соответствующего поля ввода, как в

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

Причина в том, что вы, вероятно, хотите представить такие конструкции как блоки, а не последовательно все в одной строке. Но тогда вам нужно помнить, что p разметка подразумевает поля по умолчанию, соответствующие пустой строке выше и ниже. Вы можете удалить затем с помощью CSS, но, возможно, более простой и несколько более логичный подход заключается в использовании div, который указывает на блок, но без полей по умолчанию;

<div><label for=age>Age:</label> <input type=text name=age id=age></div>