Дмитрий Швалёв — веб-технолог, фотограф » кирпичики

«Всплывающие» подсказки для элементов формы

Дмитрий Швалёв — Mon, 09 Nov 2009 13:44:42 +0000

Во многих формах подсказки для полей ввода выполнены в виде значений, которые по-умолчанию установлены в поле ввода, например «поиск», «подписка на емайл» и тп. При получении фокуса это значение очищается и можно вводить свои данные.

Но получение фокуса не отрабатывается, если мы пытаемся перетащить в поле ввода выделенный текст со страницы (drag-n-drop) или в браузере отключен JavaScript. В этой ситуации значение «по-умолчанию» нам приходиться удалять вручную и затем уже вводить наш текст.

Я попытался избавиться от этого недостатка и вообще не использовать значение «по-умолчанию» в поле ввода, вместо этого использовать стандартные теги заголовков элементов формы — label.

Картинка по центру страницы

Дмитрий Швалёв — Sat, 06 Jun 2009 20:50:05 +0000

Этой статьёй хочу расширить тематику сайта и ввести новую рубрику «Кирпичики» (bricks). В «кирпичиках» буду публиковать советы, приёмы и решения по тем или иным областям моей деятельности. Так как основное своё время я занимаюсь конструированием сайтов, то первый совет — правильное центрирование картинки любого размера с ссылкой.

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