Правильный способ представления корневых значений имени поля в формате HTML?

Question

У меня есть большой формы на странице и на некоторых участках него у меня есть некоторые статические данные, которые не доступны для редактирования:

First name: John 
Birthday: 1980/1/1 

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

Мой первый взять:

<div> 
    <label for="name">Name</label> 
    <span id="name">John</span> 
    <label for="birthday">Birthday</label> 
    <span id="birthday">1980/1/1</span> 
</div> 

Моя вторая взятие:

<div> 
    <span class="field-name">Name</span> 
    <span class="field-value">John</span> 
    <span class="field-name">Birthday</span> 
    <span class="field-value">1980/1/1</span> 
</div> 

Это мои два берет на этом. Однако я сбив с толку, если использование label для статических данных в неформе разрешено? Каков наилучший подход без таблиц?

Answer 1

1. Элемент таблицы фактически не плохой способ представления таблицы.
2. Вы можете использовать поля ввода только для чтения, чтобы указать, что данные принадлежат форме, но не редактируются. Для этого просто добавьте атрибут readonly="readonly" для элемента input. (Только readonly также будет делать для документов, не относящихся к XHTML.)
3. Этикетки for Пространства не имеют особого смысла, поскольку в ваших span s нет интерактивности. Чего вы пытаетесь достичь?
4. Если вам нужен только стиль и вы не хотите использовать таблицу по какой-либо причине, то span s или div s с CSS-стилем через классы, вероятно, будет работать нормально.