HTML, формуляри и CSS (Част 2 - CSS) - Искам уебсайт

HTML, формуляри и CSS (част 2 - CSS)

уебсайт

Добър ден на всички и в тази статия продължавам да говоря за формуляри, но от гледна точка наCSS. Днес искам да ви покажа набор от опции за стилизиране на формуляри сCSS. И тъй като е по-добре да се види веднъж, отколкото да се чуе сто пъти, искам да изградя този урок във формата (отново тези форми!):кратко описание => демонстрация => код за изпълнение. И за да премахна излишния текст на страницата, ще посочаCSS стиловете вHTML кода.

И първо, ще разгледам таговетеfieldse t иlegend, останали от последния път, и тагаlabel, който не беше споменат по-рано. И така, да започваме!

fieldset и етикети за легенди

Fieldset ви позволява да начертаете рамка около формуляра. Има затварящ етикет. Заглавието е посочено в етикетите. Основната цел на обекта е да задава различни дизайнерски стилове:

Код:

Параметърът for се използва за свързване на елемента на формуляра и текста в тагаlabel. Стойността на параметъраfor трябва да съответства на стойността на параметъраid на свързания елемент. Това всъщност е цялата мъдрост.

Тагътlabel има още един параметър -accesskey (горещи клавиши), но няма да го разглеждам, тъй като работи правилно само в браузъритеInternet Explorer иSafari. Ако проявявате интерес, разберете сами!

Въвеждане на текстови полета

Но там, където вече можете да се разхождате по отношение на прилагането наCSS стилове, това е проблемът с проектирането на текстови полета, тоест елементитеinput иtextarea. Тези елементи могат да имат същите свойства за стилизиране, приложени към останалите html елементи на уеб страницата. Но стига думи! Разгледайте примера и ще разберете всичко!

Текстполета за въвеждане

Полета за въвеждане на текст

И ето още няколко интересни възможности:

  • - подравняване на елементите на формата чрез стиловото свойствоfloat ;
  • - прилагане напсевдокласа :focus към полетата на формуляра, за да подчертае активното поле.

И по този въпрос мисля, че с дизайна на формуляриHTML иCSS го разбрахме. И накрая - една рисунка, която подготвих, когато се надявах да събера тези две теми в една статия.

html

Автор: Сергей Зарубин

Дата:2011-07-30

Коментари към публикацията:

Коментарът е добавен от:marina Дата: 2018-01-13

Ние плащаме за харесвания! - Изплащания при поискване!

Нашата услуга предоставя истински харесвания на снимки на клиенти, които са готови да платят за качество.

Ето защо ние набираме отдалечени служители, които ще свършат работата, тоест ще поставят харесвания и ще печелят пари за това.

За да станете наш отдалечен служител и да започнете да харесвате, докато печелите 45 рубли за 1 харесване,

Просто се регистрирайте в нашата услуга. > www.click-likes.tk http://click-likes.tk/ > www.bitcoin.exrabota.ru http://click-likes.tk/ http://vk-like.tk/ > http://zakaz.exrabota.ru/ www.vk-like.tk http://vk-likes.tk/ > www.zakaz.exrabota.ru http://pisma.exrabota.ru/

html
html

Абонирайте се за нашия безплатен бюлетин и бъдете в крак с всички промени на нашия уебсайт. Актуализирайте всяка седмица!