Формы, созданные с помощью CSS: современные и продвинутые решения » Как создать сайт бесплатно? Как сделать сайт? Журнал для веб-мастеров и блогеров от школы создания сайтов

Как создать сайт бесплатно? Как сделать сайт? Журнал для веб-мастеров и блогеров от школы создания сайтов

Об авторе Контакты Реклама Карта сайта

Важно! Создание прибыльных веб сайтов и поисковое продвижение сайтов в Москве: веб-компания StudioForYou!

Формы, созданные с помощью CSS: современные и продвинутые решения

Опубликовано Февраль 14th, 2008 в Web-разработка |

+news2.ru +ВааУ.ru +newsland.ru +СМИ2.ru +del.icio.us +bobrdobr.ru +memori.ru +RUmarkz +Mister Wong +Мое Место
-->

Автор: SmashingMagazine.com
Перевод: Всеволод Козлов

Формы, созданные с помощью CSS: современные и продвинутые решения

Каждый новый проект хочет заинтересовать посетителей, доказать им, что он лучше своих конкурентов.

Требования, предъявляемые к сайтам, ужесточаются. Для достижения успеха становится необходимым использование высоких технологий и продвинутых решений.

Далее Вашему вниманию предстанет отобранная нами коллекция форм, созданных с использованием современных и продвинутых решений CSS.

Если Вам, уважаемый посетитель, интересно изучить материал по созданию таких форм, то я специально для Вас подготовлю данный материал и опубликую его на сайте! Поэтому, если что, отписывайтесь в комментах!

1. Prettier Accessible Forms

Screenshot

2. The Form Assembly - Form Layouts

Screenshot

3. CSS Styling of forms, Stu Nicholls

Screenshot

4. Semantic Horizontal Forms

Screenshot

5. Trimming form fields

Screenshot

6. Badboy Niceforms

Screenshot

7. Functional Pretty Forms

Screenshot

8. CSS-Only, Table-less Forms

Screenshot

9. Subtraction: Free Form for All - Standardkonforme Online-Formulare

Screenshot

10. Accessible CSS Forms

Screenshot

11. Form Layout Templates

Screenshot

12. Style Web Forms Using CSS

Screenshot

13. XHTML Standard Forms

Screenshot

14. Form Help without Popups

Screenshot

15. Fun with forms - customized input elements

Screenshot

16. Styling Form Fields

Screenshot

17. AutoSuggest - An autocomplete text field with Ajax

Screenshot

18. Really easy field validation with Prototype

Screenshot

19. Scrollable Checklists

Screenshot

20. Hide Optional Fields

Screenshot

21. Icebrrg - HTML Web forms, surveys, and invitations made chillingly simple

Screenshot

22. Wufoo - Build HTML Forms, Online Surveys and Invitations

Screenshot

23. JotForm - a web based WYSIWYG form builder

Screenshot

24. Accessify Form Builder

Accessify

25. FormLogix - Create web forms for free

Formlogix

Оригинал статьи: CSS-Based Forms: Modern Solutions

Современные и продвинутые решения исполнения элементов веб-страниц с помощью CSS:

  1. Формы, созданные с помощью CSS: современные и продвинутые решения
  2. Таблицы, созданные с помощью CSS: современные и продвинутые решения
  3. Футеры, созданные с помощью CSS: современные и продвинутые решения

Популярность публикации: 16%

Похожие статьи по блогингу и веб-местерингу:

  • 47 превосходных AJAX CSS форм
  • 43 примера реализации всплывающих подсказок с помощью AJAX, JavaScript и CSS
  • 85 полезных и регулярно используемых AJAX-техник, необходимых для создания профессиональных веб-приложений
  • CSS-инструментарий
  • Таблицы, созданные с помощью CSS: современные и продвинутые решения

Понравилась статья? Подпишись на обновления блога по RSS!



    13 комментария(-ев)

  • ASh

    Да-да, очень бы хотелось почитать про создание классных форм и подводные камни, которые с ними связаны.

  • Футеры, созданные с помощью CSS: современные и продвинутые решения » Блог проекта W3School.ru - школы создания сайтов

    […] особое внимание, будь то навигационная панель, формы, формы отправки комментариев, комментарии, таблицы и […]

  • Yastreb

    Очень интересно почитать, спасибо большое :cool:

  • Михайлов

    Да, большое разнообразие формочек и каждая по своему хороша.

  • Экономыч

    Это что за сатья такая не понятная….выдернул пару нужной информации, но в целом ничего не понятно что и куда…желательно поподробнее писать…

  • Всеволод Козлов

    Экономыч, а что тут непонятного? в начале статьи описано, о чем она…

  • Коолекционер бизнес-идей

    6 и 7 на флеш жутко похожи.
    Непонятно зачем все эти всплывающие подсказки и графические приблуды делать с помощью css. Проще именно на флеше.

  • человек с фото

    Большую работу проделали. респект ;)
    Да, требования к формам правда становятся все более
    строгими, а скорее вычурными
    Главное не усложнить, не перестараться!
    Чтоб красивые вышли и легкие нужно

  • Stason_on

    Непонятно для чего статья. Картинки видно, а “Продвинутых Решений CSS” - нет. Для дизайнеров, исключительно. При чем сдесь CSS?

  • dima

    Прикольно мне понравилось

  • Александр

    Здравствуйте, мне очень понравилась одна форма: 15. Fun with forms - customized input elements, но я не совсем понял как ее сделать… Вы не могли бы мне расписать ее создание?! Я пишу сайт, и хочу вставить туда необычую форму…

  • Александр

    И где еще можно найти пример таких?

  • Иkья

    Расскажите, пожалуйста, об украшении кнопочек в select box очень нужно!!
    ____________
    _________| + |

Прокомментировать публикацию

 


  • Как создать сайт - RSS

    Подписаться на RSS-ленту блога проекта W3School.ru - школы создания сайтов
  • Как сделать сайт - Разделы

    • CSS (31)
    • HTML, XHTML (2)
    • Web-разработка (78)
    • Web-сервисы (10)
    • Блоггинг: ведение блога (22)
    • Блоггинг: основы (11)
    • Блоггинг: проектирование (28)
    • Галерея дизайнов (77)
    • Интересное для веб-мастеров (42)
    • Копирайтинг для сайтов (2)
    • Редакторская колонка (11)
    • Юзабилити и доступность (7)
  • Как создать сайт - Лучшее

    • 50 полезных скриптов и плагинов на jQuery
    • 27 ресурсов с бесплатными текстурами и узорами в помощь дизайнеру
    • Бесплатные CSS-макеты и шаблоны
    • 30 скриптов, реализующих возможности галерей и слайд-шоу
    • 101 взрывной и незаменимый информационный ресурс по CSS
    • 37 любопытных, нужных и полезных jQuery плагинов и скриптов
    • 43 примера реализации всплывающих подсказок с помощью AJAX, JavaScript и CSS
    • 58 креативных логотипов, способных вдохновить Вас на создание логотипа-шедевра
    • 5 практических рекомендаций по организации категорий на блоге
    • Свежие и высококачественные бесплатные иконки для рабочего стола и веб-дизайна
  • Рекомендуем

    • Design For Masters
    • Life Style
    • Webmascon
    • XHTML.RU по-русски
    • Блог веб-мастера
    • Верстка от Webmolot
    • Временно.нет - статьи по верстке и веб-дизайну
    • Для тех, кто делает сайты
    • Записки о Flash & Creative
    • Ресурс для веб-разработчиков
    • Уроки photoshop
    • Школа поисковой оптимизации


Copyright © 2008 Как создать сайт бесплатно? Как сделать сайт? Журнал для веб-мастеров и блогеров от школы создания сайтов (г. Москва)

Проект веб-компании StudioForYou: поисковая оптимизация сайта

Rambler's Top100