Я не считаю, что часто используемый "*" очень красивый - может ли кто-нибудь предложить более красивый метод или указать мне пример?
Я попытался сделать поле выделенным красным, как предложил один человек, но мне не понравился внешний вид.
Полужирные ярлыки могут сделать трюк.
Но мне очень нравится, что идея "Обязательный" отображается серым цветом в поле до тех пор, пока текст не будет добавлен. У кого-нибудь есть код для этого?
Вообще говоря, лучшие веб-формы - это самые простые, которые требуют от меня наименьшего мысли. "Стандарт", который развился, состоит в том, что требуемые поля имеют звездочку (*) рядом с ними. Иногда звездочка является красной, чтобы помочь ей немного выделяться.
Зачем бороться со стандартом? Не заставляйте своих пользователей слишком много думать. Пойдите со стандартом и сохраните свое творчество для более важных вещей.
Если вы собираетесь использовать цвет, чтобы выделить поле, имейте в виду, что некоторые люди имеют слепоту (так что, возможно, еще один индикатор)
Если вы используете таблицы стилей для форматирования HTML, вы можете создать стиль для .mandatory. В качестве примера установите обязательный ввод для использования этого стиля, затем вы можете играть с ним более легко, пока не получите правильное сочетание цветов, границ и других элементов стиля в соответствии с вашим общим дизайном.
HTML
<input id="username" type="text" class="mandatory" />
CSS
.mandatory {
color: red;
font-size: 12pt;
font-weight: bold;
font-style: italic;
}
Я также использую звездочку, как OP, упомянутую в качестве "резервной копии".
-R
Иногда действительно оправданно отмечать поля как обязательные и необязательные. Однако, прежде чем вы это сделаете, вы должны задать вопрос, разумно ли запрашивать у пользователя любую необязательную информацию. Особенно это касается регистрационных форм.
В регистрационных формах и т.д. гораздо лучше запрашивать только минимальную информацию. После регистрации пользователь может по желанию заполнить дополнительную информацию в отдельных формах.
После того, как ненужная трещина была извлечена из формы, вы можете увидеть, что нет необходимости отмечать поля как обязательные; либо все является обязательным, либо может быть настолько очевидным для пользователя, какие поля являются необязательными, что нет необходимости давать визуальные подсказки об этом.
добавить style = "border: thin red solid;" к элементу
Я нашел ответы на LukeW.com, чтобы быть наиболее полезным. потому что здесь нет простого решения. Это зависит от того, какой процент полей требуется, сколько полей в вашей форме и как долго ваши метки. Для подавляющего большинства веб-пользователей люди понимают смелые требования, и нормальный вес является необязательным (если любые варианты выделены полужирным шрифтом). Только после того, как проверка формы завершится неудачно, я представлю пользователю все выделенные поля ввода, но все же пропускаемые.
У меня обычно нет возражений против того, чтобы видеть (требуется) в меньшем шрифте либо прямо под именем поля, либо рядом с полем ввода.
Я мог бы также увидеть использование "водяного знака" для текстового поля, чтобы в поле было указано "требуется", пока они не нанесут фокус на поле и не начнут вводить текст.
Мне нравится, как это делается в ASP.NET Ajax Control Toolkit для ValidatorCallout control:
Возможно, вы захотите проверить www.PeterBlum.com - его пакет профессионального валидации подходит для проверки и форматирования элементов управления. У него есть учебники для использования и многочисленные примеры, а также подробное руководство.
