Новая форма для HTML5

Новые элементы для бланков, необходимых на HTML5 свидетельствуют о цели новой версии языка: создание, с простой разметкой, более функциональные решения (в настоящее время достижимо только с помощью скриптовых языков) в целях удовлетворения изменяющихся потребностей Интернет.

В этой статье мы увидим, через многочисленные примеры, Оле изменения, внесенные HTML5 в создании веб-форму.

Еще раз напомню читателю, что не все браузеры обеспечивают поддержку новых языков разметки (HTML 5 еще не является стандартным, но язык в стадии разработки) так, чтобы корректного отображения примеров, я предлагаю браузера, чтобы воспользоваться уже готовым, например, Opera.

Новинки и расширений

Основные изменения связаны с использованием формы объектов выделенной (новые теги) и расширений.

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

Как стартер Я предлагаю вам пример: заменить простым текстовым полем (<input type="text"/>) с чем-то более конкретным: URL поле. Давайте посмотрим, код:

 



 <form>







 URL: <input name="url" type="url" value="" required>







 </ FORM>

 

Видимо, вы не заметите никакой разницы в представлении, но в глаза сразу же ощутят изменения по сравнению с классическим HTML4 разметки:

• Определенного типа ("URL")
  Спецификация ожидаемого типа данных полезно языке парсер для анализа содержания с соответствующими и обратите внимание на наличие ошибок;
• Ключевое слово "требуется"
  Хотя это и новый HTML5, как предлагает, требует пополнение поля как обязательные (но мы вернемся позже).

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

• <<
• 1
• 2
• 3
• 4
• 5
• >>