Использование неупорядоченных списков для создания форм? - PullRequest
Новая
       10

Использование неупорядоченных списков для создания форм?

4 голосов
/ 31 июля 2010

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

Должны ли мы использовать неупорядоченные списки для создания форм? И хотя я получил смешанные комментарии.

В конкретном блоге http://green -beast.com / blog /? P = 259 сказано, что использование неупорядоченных списков для форм некорректно. Мой вопрос к разработчикам - прокомментировать это утверждение?

Ответы [ 2 ]

4 голосов
/ 01 августа 2010

HTML предлагает авторам несколько механизмов для определения списков информации.Все списки должны содержать один или несколько элементов списка.Списки могут содержать: неупорядоченную информацию, упорядоченную информацию и определения.(из http://www.w3.org/TR/html4/struct/lists.html#edef-UL)

Я думаю, что списки являются наиболее важными элементами в HTML: семантически, существует так много объектов, которые являются чистыми списками. Также рекомендуется использовать ul или dl, чтобы сгруппировать поля ввода и метки тоже в form.

Кто-то разметит форму, используя абзацы: 

<form action="" method="post">
    <fieldset>
        <p>
            <label>
                Full Name: 
                <input type="text" name="name" />
            </label>
        </p>
        <p>
            <label>
                Password: 
                <input type="password" name="password" />
            </label>
        </p>
    </fieldset>
    <fieldset>
        <p>
            <label>
                Occupation: 
                <input type="text" name="occupation" />
            </label>
        </p>
        <p>
            <label>
                Location: 
                <input type="text" name="location" />
            </label>
        </p>
    </fieldset>
    <p>
        <input type="submit" value="Submit" />
    </p>
</form>

А кто-то разметит ее, используя списки (и это выглядит очень органичномое мнение): 

<form action="" method="post">
    <fieldset>
        <dl>
            <dt><label for="name">Full Name:</label></dt>
            <dd><input id="name" type="text" name="name" /></dd>
            <!-- <dd class="error">Some errors/validation warnings</dd> -->

            <dt><label for="password">Password:</label></dt>
            <dd><input id="password" type="password" name="password" /></dd>
            <!-- <dd class="note">Some notes about the field above</dd> -->
        </dl>
    </fieldset>
    <fieldset>
        <dl>
            <dt><label for="occupation">Occupation:</label></dt>
            <dd><input id="occupation" type="text" name="occupation" /></dd>

            <dt><label for="location">Location:</label></dt>
            <dd><input id="location" type="text" name="location" /></dd>
        </dl>
    </fieldset>
    <p>
        <input type="submit" value="Submit" />
    </p>
</form>

Формы являются списками (списками полей, сгруппированных данных), поскольку они имеют однородную и повторяющуюся структуру: 

INPUT_1
INPUT_2
...
INPUT_N
0 голосов
/ 01 августа 2010

Вы можете прикрепить свою форму в параграфах, таблицах, списках, списках определений или в сложной серии интервалов и делений, но, в конце концов, единственное, что имеет значение, это то, работает ли ваша форма правильно, и люди могут ее использовать.

Тратьте свое время на tabindex и удобство использования вместо того, чтобы беспокоиться о "семантически правильном способе написания HTML", как определено рабочей группой W3C или чьим-то блогом.

...