Съвети за създаване на страхотни уеб формуляри
В днешния урок ще ви дам няколко съвета за създаване на по-готини уеб форми.
1. Използвайте етикети
Не е задължително да имате нужда от етикети, за да работи формулярът. Етикетите обаче все още подреждат вашите текстови полета и се свързват помежду си. Използването на етикета е не само семантично правилно, но също така ви дава повече гъвкавост в стила.
2. Дайте на етикетите Float
С плувки можете да постигнете структура, подобна на маса, без да използвате таблици. Просто му дайте статична ширина, задайте float на ляво и добавете малко подложка от дясната страна. Получи се красиво!
3. Направете формата да изглежда еднакво във всички браузъри
Много браузъри имат свои собствени правила за показване на бутоните за въвеждане на формуляр. Ако искате да го промените, трябва да имате основателна причина за това. Ако все пак решите да направите това, трябва да използвате технологията за нулиране на CSS. Например:
Това може да изглежда красиво, тъй като ще предотврати появата на нежелани граници около някои обекти. Но също така ще промени стиловете по подразбиране, които се използват за показване на бутони за въвеждане във Firefox.
4. Използване на псевдо класа :focus
Можете да стилизирате текстови полета, които ще влязат в сила само когато потребителят направи полето активно с помощта на псевдокласа :focus. Например, можете да промените цвета на рамката при задържане на курсора на мишката:
Много браузъри поддържат това.
5. Пълни се със съвети, но при задържане те изчезват
Но ако спрете дотук, потребителят ще трябва ръчно да изтрие текста в текстовото поле - а това не е добре. Можете да добавите малъкJavascript, който ще изчисти съвета или напомнянето, когато потребителят кликне върху текстовото поле. Този малък скрипт се изпълнява само веднъж, така че ако потребителят щракне извън полето и след това иска да се върне, въведената информация няма да бъде загубена.
Това е всичко за днес!Всичко най-добро!
Този урок е подготвен за вас от екипа на ruseller.com Източник на урока: www.css-tricks.com Превод: Максим Шкурупий Урокът е създаден: 15 юли 2009 г. Преглеждания: 23589 Правила за препечатване
5 последни урока от рубриката "Разни"
Как да хоствате уебсайта си? Правилно избраният добър хостинг е бъдещето на вашите сайтове
Проектът е готов, всичко е проверено на локалния OpenServer сървър и можете да прехвърлите сайта на хостинга. Но коя фирма да избера? Предлагам да обмислите хостинг на fornex.com. Страхотно място за вашия проект с перспектива за бързо развитие.
Разработка на уебсайт с онлайн платформата Wrike
Създаването на уеб сайт е трудоемък процес, който изисква добре координирано взаимодействие между клиента и изпълнителя, както и между всички членове на екипа, участващи в проекта. И онлайн платформата Wrike ще бъде от голяма помощ в това.
20 Ресурси за създаване на прототипи
Избор от десетки ресурси за създаване на макети и прототипи.
Топ 10 безплатни хостинг услуги
Малка селекция от безплатни хостинг доставчици с подробно описание.
Бърза бележка: Групово АКТУАЛИЗИРАНЕ в MySQL
Не е тайна как да внедрите масово INSERT в MySQL, но с UPDATE може да е трудно. За да не прибягвате до манипулации на събитието ON_DUPLICATE, можете да използвате специалната конструкция CASE ... WHEN ... THEN.