Здесь может быть ваша реклама...
1000
участников
5500 читателей

Оформляем HTML-формы

  Чтобы клиент не ощущал неразберихи, формам надлежаще  быть и функциональными, и эргономическими. Хорошее размещение компонентов управления и перемещение между ними - главный принцип эргономичности формы. Так как невозможно менять произвольно последовательность обхода компонентов формы, следует знать: обход осуществляется слева направо, сверху вниз.

  Выровненные  по единой линии элементы (с заданными для них равными размерами) позволяют легко сделать форму эргономической. Для сравнения:

 
Первый пример. Произвольно расположенные компоненты; на выбор WEB-браузеру передано их выравнивание:
Пример:
----------------------------------------------------------

<input type=text value="Введите здесь имя">Ваше имя</input>
<input type=password>Ведите Ваш пароль</input>
<input type=checkbox checked>Запомнить пароль</input>
Ваше имя
Ваш пароль
Запомнить пароль
  Второй пример. Элементы размещены в таблице. Она выступает в роли их выравнивателя. Ко всему прочему, размеры элементов закреплены.

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Бесплатно создаем сайт
Полезная литература по созданию сайта
Основы HTML
Структура HTML-документов
Основные и вспомогательные тэги тела документа
Тэги списков
Гипертекстовые ссылки
Оформляем фон html-страницы
Графика в HTML
Web оптимизация графики
Стили оформления HTML-документа
Escape-
последовательности
Таблицы HTML
Структура таблицы
Заголовок, тело, подвал, строки и ячейки таблицы
Формы HTML, синтаксис форм
Элементы управления
Меню выбора
Оформляем HTML-формы
Фреймы HTML, синтаксис фрэймов
Тэг frameset
Тэги frame, noframes
Взаимодействия между фрэймами (планирование)
Карты изображений
Описание CGI интерфейса, разбираем данные HTML-форм
CGI-файл данных
Прямой возврат, обработка результата
Введение в CSS
Практическое освоение
Свойства элементов, которые управляются CSS
Прописываем мета-тэги и готовим web-страницы к публикации

Развитие и монетизация сайта
Начинающему
веб-мастеру
Введение и знакомство с HTML
Бесплатно создаем собственный сайт
Основы поисковой оптимизации
Что такое ТИЦ и PR и как их увеличить
Как раскрутить собственный сайт
Зарабатываем на собственном сайте
Помощь в выборе хостинг-провайдера
Загружаем сайт на хостинг
Полезные сайты
Полезная литература
Информация

Все о CSS
Самый простой курс
®
Поделитесь информацией с друзьями: