Дизайн форм для отображения содержимого в ярлыках - PullRequest
Новая
       10

Дизайн форм для отображения содержимого в ярлыках

0 голосов
/ 17 марта 2009

Я вижу тонну дизайнов для форм, содержащих поля формы, но я не могу найти хорошие примеры отображения меток в форме.

У кого-нибудь есть хорошие макеты для форм, которые показывают информацию вместо ее сбора? У меня есть форма, которая показывает профиль пользователя с несколькими полями, и я хотел бы распределить его по горизонтали.

Ответы [ 3 ]

2 голосов
/ 17 марта 2009

Вы можете получить хороший эффект, сделав свои метки и данные display: inline-block и присвоив меткам фиксированную ширину и выравнивание по правому краю: 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
    <head>
        <title>Mailing label</title>

        <style type="text/css">
            .form div.row {
                margin-top: .25em;
            }

            .form span {
                display: inline-block;
                vertical-align: top;
            }

            .form span.label {
                font-weight: bold;
                margin-right: .25em;
                text-align: right;
                width: 10em;
            }
        </style>
    </head>

    <body>
        <div class="form">
            <div class="row"><span class="label">Name:</span> <span class="value">Ben Blank</span></div>
            <div class="row"><span class="label">Address:</span> <span class="value">1024 Foo Bar Drive<br/>Silicon Valley, CA, 69105</span></div>
            <div class="row"><span class="label">E-Mail:</span> <span class="value">ben.blank@example.com</span></div>
            <div class="row"><span class="label">Phone:</span> <span class="value">(202) 555-1212</span></div>
        </div>
    </body>
</html>
0 голосов
/ 17 марта 2009

Я считаю, что это полностью зависит от характера данных:

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

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

0 голосов
/ 17 марта 2009

Похоже, вы не говорите о форме тогда. Отображение пользовательских данных может имитировать макет формы, но если у вас нет полей, это не форма.

Вы имеете в виду метку HTML или концепцию метки .Net / Java UI? В HTML метки совпадают с полями ввода в качестве приглашения («Имя:» и т. Д.). Похоже, вы говорите о ярлыке .Net, который является просто текстовым заполнителем.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...