1344120 - презентация

1 HTML5. НОВЫЕ АТРИБУТЫ FORM И INPUT.

2 HTML (HyperText Markup Language) –это стандартизированный язык разметки (в настоящее время большинство веб-страниц содержат описание разметки именно на этом языке). Язык HTML интерпретируется браузерами; и полученный в результате интерпретации текст показывается на экране монитора компьютера, мобильного телефона, планшета и других устройств.

3 HTML5 (HyperText Markup Language, version 5) это пятая версия HTML. HTML5 был создан как единый язык, который мог бы сочетать синтаксические нормы HTML и XHTML. Он расширяет, улучшает и рационализирует разметку документов.

4 Новые атрибуты input : аutocomplete novalidate Новые атрибуты form : аutocomplete autofocus form form overrides height и width list min, max и step multiple pattern placeholder required

5 Атрибут autocomplete (автозаполнение) Атрибут autocomplete показывает, что поле ввода должно обладать функцией автозаполнения, то есть когда пользователь начинает печатать в поле, браузер показывает возможные варианты заполнения поля. Тег input, атрибут autocomplete Имя: Пароль:

6 Атрибут novalidate Атрибут novalidate отменяет проверку данных (введенных пользователем) на корректность, то есть пользователь может ввести неправильные данные или ошибиться в написании. Тег FORM, атрибут novalidate

7 Атрибут autofocus (Автофокус) Атрибут autofocus показывает нам, какое поле должно автоматически получать фокус ввода при загрузке страницы (другими словами, с какого поля мы должны начать заполнять). Тег BUTTON, атрибут autofocus Нажимая кнопку Далее, Вы соглашаетесь получать информацию о новинках и акциях на Ваш почтовый ящик. Далее

8 Атрибут form (Форма) Атрибут form указывает одну или несколько форм, которым принадлежит поле ввода. Тег input, атрибут form

9 Атрибут form overrides (замещения, замены формы) Атрибуты замены позволяют изменять некоторые атрибуты. К атрибутам подмены формы относятся: formaction - заменяет атрибут формы action formenctype – изменяет атрибут формы enctype formmethod - замещает атрибут формы method formnovalidate - заменяет атрибут формы novalidate formtarget - меняет атрибут формы target

10 Атрибуты height (Высота) и width (Ширина) Атрибуты height и width измеряют высоту и ширину изображения, используемого для типа ввода image. Тег TABLE, атрибут height...

11 Атрибут list (Список) Атрибут list показывает варианты для поля ввода. Тег input, атрибут list Уфа Белебей Дюртюли Давлеканово Нефтекамск Стерлитамак

12 Атрибуты min, max и step Атрибуты min, max и step используются для указания ограничений в полях ввода. Атрибут max задает максимальное возможное значение в поле ввода. Атрибут min определяет минимальное возможное значение в поле ввода. Атрибут step показывает шаг (если step="10", то допустимыми числами будут 0, 20, 30 и т.д.). Тег INPUT, атрибут step

13 Атрибут multiple Атрибут multiple означает, что в поле ввода можно выбрать только одно значение. Тег SELECT, атрибут multiple чай кофе горячий шоколад глинтвейн

14 Атрибут placeholder (заполнитель) Атрибут placeholder показывает подсказку об ожидаемом значении поля ввода. Тег input, атрибут placeholder

15 Атрибут required Атрибут required делает поле формы обязательным для заполнения. Если обязательное поле пустое, браузер выведет сообщение с ошибкой, а форма не будет отправлена. Внешний вид и содержание сообщения зависит от браузера, и пользователь не может его редактировать. Тег input, атрибут required

16 Также хотелось бы сказать об удобстве использования HTML 5. Его мультимедийные возможности впечатлят любого пользователя сети. Теперь не нужно скачивать и устанавливать огромное множество дополнительных программ для того, чтобы совершить какое-либо действие (например, послушать музыку, редактировать фотографии, монтировать видео и т.д.). Музыку можно прослушивать непосредственно в браузере, даже работать с фотографиями и видео можно, не устанавливая различного рода программы.

17 Источник html.ru/html5/html5_form_attributes.php Ошибки Новые атрибуты form : аutocomplete novalidate Новые атрибуты input : аutocomplete autofocus form form overrides height и width list min, max и step multiple pattern placeholder required

18 Атрибуты height (Высота) и width (Ширина) Атрибуты height и width не измеряют, а задают высоту и ширину изображения, используемого для типа ввода image Источник atributov-Width-i-Height-dlya-uskoreniya-zagruzki-sayta.html

19 Атрибут multiple Атрибут multiple означает, что в поле ввода можно выбрать не одно, а несколько значений. Источник

20 СПАСИБО ЗА ВНИМАНИЕ!