HTML 5 — вкусности веб форм
Немного общей и справочной информации (скорее для себя самого) о прелестях HTML 5 веб форм.
Чтобы HTML 5 корректно работал стоит использовать правильный DOCTYPE:
<!DOCTYPE HTML>
Новые типы форм (атрибут type для тэга input):
Search - для поиска
Number - для ввода текста
Range - ползунок
Color - для выбора цвета
Tel - для телефонного номера
Url - для веб-адресов
Email - для почтовых адресов
Date - для выбора календарной даты
Month - для месяца
Week - для недели
Time - для времени
Datetime - для указания даты и времени
Datetime-local - для местной даты и времени
Новые тэги:
Datalist:
<input list="computers" />
<datalist id="computers">
<option value="sony" />
<option value="toshiba" />
<option value="asus" />
<option value="acer" />
</datalist>
По сути это аналог тэга select, но с возможность указать произвольный вариант выбора, если допустимые не нравятся.
Output - делает какие-то вычисления, думаю, что я его использовать не буду.
Атрибуты:
Autocomplete - влияет на автозаполнение поля input или form.
Может принимаеть значения on и off
Novalidate - отключает автовалидацию form. По умолчанию валидация включнена.
novalidate="novalidate"
Placeholder - указывает текст-призрак для поля input или textarea.
Autofocus - создает автофокус на элемент формы.
Required - делает поле input, select, textarea обязательным
Наверное это все основные нововведения, что я могу в будущем использовать, когда браузеры станут полностью поддерживать HTML 5 формы. Пока же многие вкусности веб форм придется эмулировать с помощью js.
Ну и еще наверное небольшое теоретическое дополнение все таки:
Tabindex - указываем последовательность элементов формы.
Accesskey - горячие кнопки можно так сказать
В будущем еже будет тэг keygen - который будет нужен для шифрования формы, пока он не поддерживается ни одним браузером.
Ссылка на спецификацию HTML 5, если вдруг потребуется что-то уточнить
Еще неплохой глоссарий HTML 5 вкусностей
ordPress
блог AlexPTS