1344120

Презентация:



Advertisements
Похожие презентации
Интернет- технологии МИИГаИК. Указание XML-документов в ориентире на будущее
Advertisements

HyperText Markup Language. Содержание: Введение Начало работы !DOCTYPE.
HTML (HyperText Markup Language) - Язык Разметки Гипертекста.
Гипертекстовые ссылки в тексте. Гиперссылка Гиперссылка часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание,
Powerpoint Templates Page 1 Язык разметки гипертекста HTML.
Разработка и использование интерактивных форм Общие положения. Общие положения. Современные браузеры позволяют пользователю, заполнив специальную форму,
HTML – язык гипертекстовой разметки документов (Hyper Text Markup Language)
Как создать почту на Gmail *краткое пособие*. Шаг 1. Для начала необходимо зайти на сам сайт почтовой службы Gmail.com, на котором мы будем создавать.
Верстка сайтов Введение. Оглавление Основные понятия Тэги и элементы разметки Управление визуальным представлением документа Правила написания кода.
Ключевые слова 1.WWW 2.Структура Web-страницыHTML 3.HTML-редактор 4.Цветовые схемы 5.гиперссылка.
Ekaterina B. Egorkina,© VEELTECH.RU Загрузка и вывод изображений Каким образом можно сохранить картинку в БД, а потом отобразить ее на странице?
Апрапрапрап. 1.HTML – язык разметки гипертекстовых страниц 2.Основные тэги для создания Web- страницы 3.Гиперссылки 4.Вставка графических изображений.
HTML5 HyperText Markup Language Язык разметки гипертекста.
РАБОТУ ВЫПОЛНИЛА КОМАНДА «УНИКУМЫ» Инструкция по работе с сайтом mail.ru.
Катанов Александр Гребешков Александр. 2 Содержание: 1.Введение………………………………………………………………… Построение: а)Главные тэги……………………………………………………
Лекция 11 Тема «Формы » Преподаватель: Халелова Е.Н.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
HTML (от англ. Hyper Text Markup Language «язык разметки гипертекста») стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц.
1 2 1.Формы в HTML-документах 2.1. Тег 3. ТЕГ 4. Тег 5. Тег.
О.Б.Богомолова Web-конструирование на HTML, 2008 г. ГОУ СОШ 1909 г. Москвы учитель Пакульских Е.В.
Транксрипт:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник 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

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

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

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