1000
участников
участников
5500 читателей
Оформляем HTML-формы
Чтобы клиент не ощущал неразберихи, формам надлежаще быть и функциональными, и эргономическими. Хорошее размещение компонентов управления и перемещение между ними - главный принцип эргономичности формы. Так как невозможно менять произвольно последовательность обхода компонентов формы, следует знать: обход осуществляется слева направо, сверху вниз.
Выровненные по единой линии элементы (с заданными для них равными размерами) позволяют легко сделать форму эргономической. Для сравнения:
Первый пример. Произвольно расположенные компоненты; на выбор WEB-браузеру передано их выравнивание:
Выровненные по единой линии элементы (с заданными для них равными размерами) позволяют легко сделать форму эргономической. Для сравнения:
Первый пример. Произвольно расположенные компоненты; на выбор WEB-браузеру передано их выравнивание:
Пример:
----------------------------------------------------------
<input type=text value="Введите здесь имя">Ваше имя</input>
<input type=password>Ведите Ваш пароль</input>
<input type=checkbox checked>Запомнить пароль</input>
----------------------------------------------------------
<input type=text value="Введите здесь имя">Ваше имя</input>
<input type=password>Ведите Ваш пароль</input>
<input type=checkbox checked>Запомнить пароль</input>
Ваше имя
Ваш пароль
Запомнить пароль
Второй пример. Элементы размещены в таблице. Она выступает в роли их выравнивателя. Ко всему прочему, размеры элементов закреплены.
Бесплатно создаем сайт
Развитие и монетизация сайта
Информация
®
Copyright © 2012 Все права защищены. Любое - полное или частичное копирование материалов запрещено, при перепечатки ссылка на источник обязательна.
