HTML, форми та CSS (частина2 - CSS) - Хочу веб-сайт

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

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

І спочатку я розгляну тегиfieldse t іlegend, що залишилися з минулого разу, і не згаданий раніше тегlabel. Тож почнемо!

Теги fieldset і legend

Fieldset дозволяє намалювати рамку навколо форми. Має закриваючий тег. Заголовок вказується в тегах. Основне призначення об'єкта – завдання різних стилів оформлення:

Код:

Параметр for використовується для зв'язування елемента форми та тексту у тегуlabel. Значенняfor має збігатися зі значеннямid зв'язаного елемента. Ось, власне, і вся премудрість.

Є ще один параметр у тегаlabel -accesskey (гарячі клавіші), але його я розглядати не буду, тому що коректно він працює тільки в браузеріInternet Explorer іSafari. Якщо цікаво – самі розберетеся!

Текстові поля input

А ось де вже можна розгулятися в плані застосування стилів CSS , так це в питанні оформлення текстових полів, тобто елементівinput іtextarea. До цих елементів можуть бути застосовані ті ж самі стильові властивості, що і до інших html-елементів на веб-сторінці. Але годі слів! Погляньте на приклад, і вам усе стане зрозумілим!

Текстовіполя введення

Текстові поля введення

А ось ще кілька цікавих можливостей:

• - вирівнювання елементів форми за допомогою стилевої властивостіfloat ;
• - застосуванняпсевдо-класу :focus до полів форми виділення активного поля.

А на цьому я вважаю, що зHTML таCSS оформленням форм ми розібралися. І насамкінець - малюнок, який я готував коли сподівався вмістити в одну статтю ці дві теми.

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

Дата: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/

Підпишіться на нашу безкоштовну розсилку новин і будьте завжди в курсі всіх змін на нашому сайті. Оновлення щотижня!

---