Нововведения html5-форм

Нововведения html5-форм
Атрибуты:
autofocus делает поле активным после загрузки страницы
multiple указывает, что данное поле может принимать несколько значений одновременно
placeholder отображает текст-подсказку в поле (text, search, url, tel, email и password.).
novalidate указывает, что данное поле не должно проверяться перед отправкой (может использоваться с form и input).
required указывает, что данное поле должно быть обязательно заполнено перед отправкой

Поля ввода адресов сайтов и email
Предназначенные для ввода электронной почты и адреса сайта. Автоматически проверяют формат введённых данных.
Пример записи:

Поле для ввода номера телефона
Предназначенные для ввода номера телефона. Автоматически проверяют формат введённых данных на соответствие шаблону, заданному атрибутом pattern.
Пример записи:
Телефон в формате 2xxx-xxx:
По виду и атрибутам нет отличия от текстового поля

Поле ввода числового значения
Для ввода числовых значений существует специальный тип поля ввода number.
Пример записи:
Введите число от 1 до 50:
Атрибуты min и max устанавливают верхнюю и нижнюю границу допустимых значений. Атрибут step устанавливает величину шага изменения значения.

Поле поиска
Не отличается от обычного текстового поля. В некоторых браузерах внутри него появляется крестик для сброса введённого значения.
Пример записи:

Выбор даты
Для выбора даты из календаря существует новый тип поля ввода – date. При клике на данное поле в форме всплывает календарик.
Пример записи:
Если браузер не поддерживает
поле для ввода даты,
то вместо него отображается
обычное текстовое поле.

Выбор времени
Для выбора времени существует новый тип поля ввода – time.
Пример записи:
Если браузер не поддерживает
поле для ввода времени,
то вместо него отображается
обычное текстовое поле.

Выбор из диапазона
Для выбора число из некоторого интервала значений подходит тип поля range.
Пример записи:
Атрибуты min и max устанавливают нижнюю и верхнюю границу допустимых значений. А атрибут step устанавливает величину шага изменения значения.

Выбор цвета
Тип color предназначен для полей выбора цвета
Пример записи:
Если браузер не поддерживает
поле для выбора цвета,
то вместо него отображается
обычное текстовое поле.

Группировка полей формы
Для группировки полей используется парный тег fieldset. Группировка помечается рамкой и заголовком (при употреблении тега legend)
Пример использования:
Вход на сайт
Логин:
Пароль:

Подсказка при заполнении полей
Атрибут placeholder выводит подсказку у полей, в которые вводятся текстовые значения .
Пример записи:
Текст подсказки выводится внутри текстового поля, а при вводе значения – автоматически убирается.

Обязательные поля
Обязательное для заполнения поле помечается пустым атрибутом required:
При попытке отправить форму с незаполнеными обязательными полями браузер выведет всплывающее предупреждение.
Эта проверка работает на клиентской части и упрощает валидацию форм.
Но всегда нужно проверять отправленные данные и на стороне сервера.

Запрет редактирования полей
Использование атрибута readonly и использование атрибута disabled позволяет делать поля недоступными для редактирования
Пример записи:

Тег label
Устанавливает связь между меткой, в качестве которой обычно выступает поясняющий текст, и элементом формы (
,
,
). <br>Существует два способа связывания объекта и метки:<br>идентификатор внутри элемента формы id="имя" и <br>внутри <label for="имя">. <br>элемент формы помещается внутрь контейнера <label>.<br>Синтаксис:<br><input id="идентификатор"><label for="идентификатор">Текст</label><br><label><input type="..."> Текст</label><br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><!----></div><!--]--></div><div class="section"><div></div></div><form id="download" action="/api/" method="post" class="download"><!----><div class="download-description"> Имя файла: Нововведения-html5-форм.pptx <br> Количество просмотров: 40 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/prezentacii-na-razlichnye-temy/istoriya-konstitutsionnogo-prava" class="navigation-link">История конституционного права</a></div><div class="navigation-item"><div>Следующая -</div><a href="/prezentacii-po-informatike/dvusvyaznye-spiski" class="navigation-link">Двусвязные списки</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/prezentacii-po-informatike/programmirovanie-na-yazyke-paskal-88" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1005030/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1005030/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1005030/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1005030/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1005030/slide-0.jpg" class="slides-image related-itemImage"> Программирование на языке Паскаль</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sistemy-schisleniya-opredelenie-nepozicionnye-i-pozicionnye-sistemy-schisleniya-razvernutaya-forma-zapisi-chisla-v-pozicionnoj-sist" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/474390/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/474390/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/474390/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/474390/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/474390/slide-0.jpg" class="slides-image related-itemImage"> Системы счисления Определение. Непозиционные и позиционные системы счисления. Развернутая форма записи числа в позиционной сист</a></div><div class="related-item"><a href="/prezentacii-po-informatike/avtomatizatsiya-podpisok-i-laykov-massfolloving" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1094898/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1094898/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1094898/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1094898/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1094898/slide-0.jpg" class="slides-image related-itemImage"> Автоматизация подписок и лайков. Массфолловинг</a></div><div class="related-item"><a href="/prezentacii-po-informatike/prezentatsiya-1-2-1-2" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1144688/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1144688/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1144688/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1144688/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1144688/slide-0.jpg" class="slides-image related-itemImage"> Презентация 1 (2) (1)</a></div><div class="related-item"><a href="/prezentacii-po-informatike/prezentaciya-na-temu-istoriya-razvitiya-otechestvennoj-vychislitelnoj-texniki-1" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/282215/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/282215/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/282215/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/282215/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/282215/slide-0.jpg" class="slides-image related-itemImage"> Презентация на тему История развития отечественной вычислительной техники </a></div><div class="related-item"><a href="/prezentacii-po-informatike/analiz-riskov-informatsionnoy-bezopasnosti-s-pomoshchyu" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/909740/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/909740/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/909740/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/909740/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/909740/slide-0.jpg" class="slides-image related-itemImage"> Анализ рисков информационной безопасности с помощью нейронных сетей и нечетких когнитивных карт. Лекция 9</a></div><div class="related-item"><a href="/prezentacii-po-informatike/programmirovanie-na-yazyke-clips-70-2" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1041454/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1041454/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1041454/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1041454/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1041454/slide-0.jpg" class="slides-image related-itemImage"> Программирование на языке CLIPS</a></div><div class="related-item"><a href="/prezentacii-po-informatike/prezentaciya-na-temu-chelovek-i-informaciya-1" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/282510/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/282510/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/282510/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/282510/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/282510/slide-0.jpg" class="slides-image related-itemImage"> Презентация на тему Человек и информация </a></div><div class="related-item"><a href="/prezentacii-po-informatike/programmirovanie-tsiklicheskih-algoritmov-lektsiya-3" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1109052/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1109052/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1109052/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1109052/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1109052/slide-0.jpg" class="slides-image related-itemImage"> Программирование циклических алгоритмов. Лекция 3</a></div><div class="related-item"><a href="/prezentacii-po-informatike/106398" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/998979/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/998979/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/998979/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/998979/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/998979/slide-0.jpg" class="slides-image related-itemImage"> 106398</a></div><div class="related-item"><a href="/prezentacii-po-informatike/25325571112724078422" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1182362/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1182362/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1182362/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1182362/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1182362/slide-0.jpg" class="slides-image related-itemImage"> 2_5325571112724078422</a></div><div class="related-item"><a href="/prezentacii-po-informatike/znakomstvo-s-yazykom-html-2" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1147943/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1147943/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1147943/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1147943/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1147943/slide-0.jpg" class="slides-image related-itemImage"> Знакомство с языком HTML</a></div><div class="related-item"><a href="/prezentacii-po-informatike/shemotehnika-elektronnyh-ustroystv" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/872839/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/872839/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/872839/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/872839/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/872839/slide-0.jpg" class="slides-image related-itemImage"> Схемотехника электронных устройств</a></div><div class="related-item"><a href="/prezentacii-po-informatike/izuchenie-ustroystva-kompyutera-i-ego-chistka" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/892194/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/892194/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/892194/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/892194/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/892194/slide-0.jpg" class="slides-image related-itemImage"> Изучение устройства компьютера и его чистка</a></div><div class="related-item"><a href="/prezentacii-po-informatike/materialy-k-vypusknoy-pismennoy-ekzamenatsionnoy-rabote" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1155611/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1155611/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1155611/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1155611/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1155611/slide-0.jpg" class="slides-image related-itemImage"> Материалы к выпускной письменной экзаменационной работе по теме Сравнение способов создания таблиц в MS Word MS Excel</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sozdanie-onlayn-oprosov-anket-1" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1044294/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1044294/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1044294/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1044294/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1044294/slide-0.jpg" class="slides-image related-itemImage"> Создание онлайн-опросов-анкет</a></div><div class="related-item"><a href="/prezentacii-po-informatike/informatsiya-informatsionnye-protsessy-i-informatsionnoe-obshchestvo-2" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/876817/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/876817/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/876817/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/876817/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/876817/slide-0.jpg" class="slides-image related-itemImage"> Информация, информационные процессы и информационное общество</a></div><div class="related-item"><a href="/prezentacii-po-informatike/osnovy-html-razrabotka-web-sayta-6" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1021568/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1021568/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1021568/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1021568/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1021568/slide-0.jpg" class="slides-image related-itemImage"> Основы HTML. Разработка Web-сайта</a></div><div class="related-item"><a href="/prezentacii-po-informatike/urok14pr4predstavlenietexta" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1175946/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1175946/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1175946/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1175946/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1175946/slide-0.jpg" class="slides-image related-itemImage"> Urok_14_PR4_Predstavlenie_texta</a></div><div class="related-item"><a href="/prezentacii-po-informatike/informatsionnaya-sistema-issledovanie-norm-nagruzki" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1151596/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1151596/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1151596/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1151596/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1151596/slide-0.jpg" class="slides-image related-itemImage"> Информационная система исследование норм нагрузки</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sozdanie-i-razrushenie-obektov" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1081551/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1081551/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1081551/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1081551/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1081551/slide-0.jpg" class="slides-image related-itemImage"> Создание и разрушение объектов</a></div><div class="related-item"><a href="/prezentacii-po-informatike/azastanday-baylanys-uraldarynyn-damuy" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/904320/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/904320/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/904320/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/904320/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/904320/slide-0.jpg" class="slides-image related-itemImage"> Қазақстандағы байланыс қуралдарынын дамуы</a></div><div class="related-item"><a href="/prezentacii-po-informatike/proektirovanie-seti-sotovoy-svyazi-v-ravnomernym" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1069836/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1069836/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1069836/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1069836/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1069836/slide-0.jpg" class="slides-image related-itemImage"> Проектирование сети сотовой связи в равномерным распределением абонентов в заданной зоне</a></div><div class="related-item"><a href="/prezentacii-po-informatike/ispolzovanie-informatsionnyh-tehnologiy-v-doshkolnom-obrazovanii" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1041553/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1041553/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1041553/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1041553/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1041553/slide-0.jpg" class="slides-image related-itemImage"> Использование информационных технологий в дошкольном образовании</a></div><div class="related-item"><a href="/prezentacii-po-informatike/istoriya-kompyuternyh-virusov-do-2000-h" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/839243/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/839243/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/839243/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/839243/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/839243/slide-0.jpg" class="slides-image related-itemImage"> История компьютерных вирусов до 2000-х годов</a></div><div class="related-item"><a href="/prezentacii-po-informatike/nositeli-informatsii-26" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/846677/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/846677/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/846677/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/846677/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/846677/slide-0.jpg" class="slides-image related-itemImage"> Носители информации</a></div><div class="related-item"><a href="/prezentacii-po-informatike/informatsionnye-tehnologii-v-okeanologii" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/996247/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/996247/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/996247/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/996247/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/996247/slide-0.jpg" class="slides-image related-itemImage"> Информационные технологии в океанологии</a></div><div class="related-item"><a href="/prezentacii-po-informatike/tahografy-istoriya-tahografov" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/843530/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/843530/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/843530/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/843530/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/843530/slide-0.jpg" class="slides-image related-itemImage"> Тахографы. История тахографов</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><div class="footer-text"><!--LiveInternet counter--><a href="https://www.liveinternet.ru/click"
target="_blank"><img id="licnt7D89" width="88" height="31" style="border:0"
title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
alt="LiveInternet"/></a><script>(function(d,s){d.getElementById("licnt7D89").src=
"https://counter.yadro.ru/hit?t12.1;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)</script><!--/LiveInternet--></div><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><div class="footer-text"><a href="/page/pravoobladateliam">Для правообладателей</a></div><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U){return {data:{meta:{result:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H}},categories:{result:[{id:I,ordering:a,name:"Алгебра",pseudoname:"prezentacii-po-algebre"},{id:2,ordering:a,name:"Английский язык",pseudoname:"prezentacii-po-angliyskomu-yaziku"},{id:3,ordering:a,name:"Астрономия",pseudoname:"prezentacii-po-astronomii"},{id:4,ordering:a,name:"Биология",pseudoname:"prezentacii-po-biologii"},{id:5,ordering:a,name:"География",pseudoname:"prezentacii-po-geografii"},{id:6,ordering:a,name:"Геометрия",pseudoname:"prezentacii-po-geometrii"},{id:7,ordering:a,name:J,pseudoname:"prezentacii-po-informatike"},{id:8,ordering:a,name:"История",pseudoname:"prezentacii-po-istorii"},{id:9,ordering:a,name:"Литература",pseudoname:"prezentacii-po-literature"},{id:10,ordering:a,name:"Математика",pseudoname:"prezentacii-po-matematike"},{id:11,ordering:a,name:"Медицина",pseudoname:"prezentacii-po-medicine"},{id:h,ordering:a,name:"Музыка",pseudoname:"prezentacii-po-musice"},{id:13,ordering:a,name:"МХК",pseudoname:"prezentacii-po-mkhk"},{id:14,ordering:a,name:"ОБЖ",pseudoname:"prezentacii-po-obzh"},{id:15,ordering:a,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:17,ordering:a,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:18,ordering:a,name:"Немецкий язык",pseudoname:"prezentacii-po-nemezkomy-yaziku"},{id:20,ordering:a,name:"Русский язык",pseudoname:"prezentacii-po-russkomu-yazyku"},{id:21,ordering:a,name:"Технология",pseudoname:"prezentacii-po-tehnologii"},{id:22,ordering:a,name:"Физика",pseudoname:"prezentacii-po-fizike"},{id:23,ordering:a,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:a,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:25,ordering:a,name:"Экология",pseudoname:"prezentacii-po-ehkologii"},{id:26,ordering:a,name:"Экономика",pseudoname:"prezentacii-po-ekonomike"},{id:27,ordering:a,name:"Детские презентации",pseudoname:"detskie-prezentacii"},{id:i,ordering:a,name:"Шаблоны презентаций",pseudoname:"shablony-dlya-prezentacii"},{id:29,ordering:a,name:"Разное",pseudoname:"prezentacii-na-razlichnye-temy"},{id:48,ordering:a,name:"Культурология",pseudoname:"kulturologiya"},{id:K,ordering:I,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]},item:{result:{id:1102761,name:"Нововведения html5-форм",category:J,count:K,jpg:"jpg\u002F1102761",hits:40,download:a,h1:L,meta:{h1:L,title:"Нововведения html5-форм презентация",description:"Нововведения html5-форм презентация, доклад, проект, Информатика ",keywords:"Нововведения html5-форм, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Информатика",download_link:b},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему Нововведения html5-форм, из раздела: Информатика. Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003EНововведения html5-форм\u003Cbr\u003E\u003Cp\u003E\tАтрибуты:\u003Cbr\u003Eautofocus делает поле активным после загрузки страницы\u003Cbr\u003Emultiple указывает, что данное поле может принимать несколько значений одновременно\u003Cbr\u003Eplaceholder отображает текст-подсказку в поле (text, search, url, tel, email и password.).\u003Cbr\u003Enovalidate указывает, что данное поле не должно проверяться перед отправкой (может использоваться с form и input).\u003Cbr\u003Erequired указывает, что данное поле должно быть обязательно заполнено перед отправкой\u003Cbr\u003E \u003Cp\u003EПоля ввода адресов сайтов и email\u003Cbr\u003E\u003Cp\u003E\tПредназначенные для ввода электронной почты и адреса сайта. Автоматически проверяют формат введённых данных.\u003Cbr\u003EПример записи:\u003Cbr\u003E\u003Cinput type=\"email\"\u003E\u003Cbr\u003E\u003Cinput type=\"url\"\u003E\u003Cbr\u003E\u003Cbr\u003E",file:"Нововведения-html5-форм.pptx",texts:["\u003Cp\u003EНововведения html5-форм\u003Cbr\u003E\u003Cp\u003E\tИнтерактивные поля для ввода:\u003Cbr\u003Eemail адреса\u003Cbr\u003Eurl адреса\u003Cbr\u003Eтелефонного номера\u003Cbr\u003Eчисел\u003Cbr\u003Eполе поиска\u003Cbr\u003Eвыбор даты, выбор времени\u003Cbr\u003Eвыбор из диапазона,\u003Cbr\u003Eвыбор цвета\u003Cbr\u003E","\u003Cp\u003EНововведения html5-форм\u003Cbr\u003E\u003Cp\u003E\tАтрибуты:\u003Cbr\u003Eautofocus делает поле активным после загрузки страницы\u003Cbr\u003Emultiple указывает, что данное поле может принимать несколько значений одновременно\u003Cbr\u003Eplaceholder отображает текст-подсказку в поле (text, search, url, tel, email и password.).\u003Cbr\u003Enovalidate указывает, что данное поле не должно проверяться перед отправкой (может использоваться с form и input).\u003Cbr\u003Erequired указывает, что данное поле должно быть обязательно заполнено перед отправкой\u003Cbr\u003E","\u003Cp\u003EПоля ввода адресов сайтов и email\u003Cbr\u003E\u003Cp\u003E\tПредназначенные для ввода электронной почты и адреса сайта. Автоматически проверяют формат введённых данных.\u003Cbr\u003EПример записи:\u003Cbr\u003E\u003Cinput type=\"email\"\u003E\u003Cbr\u003E\u003Cinput type=\"url\"\u003E\u003Cbr\u003E","\u003Cp\u003EПоле для ввода номера телефона\u003Cbr\u003E\u003Cp\u003E\tПредназначенные для ввода номера телефона. Автоматически проверяют формат введённых данных на соответствие шаблону, заданному атрибутом pattern.\u003Cbr\u003EПример записи:\u003Cbr\u003E\u003Cp\u003EТелефон в формате 2xxx-xxx: \u003Cbr\u003E\t\u003Cinput type=\"tel\" name=\"tel\" pattern=\"2[0-9]{3}-[0-9]{3}\"\u003E\u003Cbr\u003E\u003C\u002Fp\u003E\u003Cbr\u003EПо виду и атрибутам нет отличия от текстового поля\u003Cbr\u003E","\u003Cp\u003EПоле ввода числового значения\u003Cbr\u003E\u003Cp\u003E\tДля ввода числовых значений существует специальный тип поля ввода number. \u003Cbr\u003EПример записи:\u003Cbr\u003E\u003Cp\u003EВведите число от 1 до 50:\u003C\u002Fp\u003E \u003Cp\u003E\u003Cinput type=\"number\" min=\"1\" max=\"50\" step=\"1\"\u003E\u003C\u002Fp\u003E\u003Cbr\u003EАтрибуты min и max устанавливают верхнюю и нижнюю границу допустимых значений. Атрибут step устанавливает величину шага изменения значения.\u003Cbr\u003E","\u003Cp\u003EПоле поиска\u003Cbr\u003E\u003Cp\u003E\tНе отличается от обычного текстового поля. В некоторых браузерах внутри него появляется крестик для сброса введённого значения.\u003Cbr\u003EПример записи:\u003Cbr\u003E\u003Cinput type=\"search\"\u003E\u003Cbr\u003E\u003Cinput type=\"submit\" value=\"Найти\"\u003E\u003Cbr\u003E","\u003Cp\u003EВыбор даты\u003Cbr\u003E\u003Cp\u003E\tДля выбора даты из календаря существует новый тип поля ввода – date. При клике на данное поле в форме всплывает календарик.\u003Cbr\u003EПример записи: \u003Cbr\u003E\u003Cinput type=\"date\"\u003E\u003Cbr\u003E \u003Cbr\u003EЕсли браузер не поддерживает\u003Cbr\u003Eполе для ввода даты, \u003Cbr\u003Eто вместо него отображается \u003Cbr\u003Eобычное текстовое поле.\u003Cbr\u003E","\u003Cp\u003EВыбор времени\u003Cbr\u003E\u003Cp\u003E\tДля выбора времени существует новый тип поля ввода – time.\u003Cbr\u003EПример записи: \u003Cbr\u003E\u003Cinput type=\"time\"\u003E \u003Cbr\u003EЕсли браузер не поддерживает\u003Cbr\u003Eполе для ввода времени, \u003Cbr\u003Eто вместо него отображается \u003Cbr\u003Eобычное текстовое поле.\u003Cbr\u003E","\u003Cp\u003EВыбор из диапазона\u003Cbr\u003E\u003Cp\u003EДля выбора число из некоторого интервала значений подходит тип поля range.\u003Cbr\u003EПример записи:\u003Cbr\u003E\u003Cinput type=\"range\" min=\"1\" max=\"10\"\u003E\u003Cbr\u003EАтрибуты min и max устанавливают нижнюю и верхнюю границу допустимых значений. А атрибут step устанавливает величину шага изменения значения.\t\u003Cbr\u003E","\u003Cp\u003EВыбор цвета\u003Cbr\u003E\u003Cp\u003EТип color предназначен для полей выбора цвета\u003Cbr\u003EПример записи:\u003Cbr\u003E\u003Cinput type=\"color\"\u003E\u003Cbr\u003EЕсли браузер не поддерживает\u003Cbr\u003Eполе для выбора цвета, \u003Cbr\u003Eто вместо него отображается\u003Cbr\u003Eобычное текстовое поле.\u003Cbr\u003E\t\u003Cbr\u003E","\u003Cp\u003EГруппировка полей формы\u003Cbr\u003E\u003Cp\u003E\tДля группировки полей используется парный тег fieldset. Группировка помечается рамкой и заголовком (при употреблении тега legend)\u003Cbr\u003EПример использования:\u003Cbr\u003E\u003Cfieldset\u003E\u003Cbr\u003E \u003Clegend\u003EВход на сайт\u003C\u002Flegend\u003E\u003Cbr\u003E \u003Cp\u003EЛогин: \u003Cinput name=\"login\"\u003E\u003C\u002Fp\u003E\u003Cbr\u003E \u003Cp\u003EПароль: \u003Cinput type=\"password\" name=\"pass\"\u003E\u003C\u002Fp\u003E\u003Cbr\u003E \u003Cp\u003E\u003Cinput type=\"submit\" value=\"Вход\"\u003E\u003C\u002Fp\u003E\u003Cbr\u003E \u003C\u002Ffieldset\u003E\u003Cbr\u003E","\u003Cp\u003EПодсказка при заполнении полей\u003Cbr\u003E\u003Cp\u003EАтрибут placeholder выводит подсказку у полей, в которые вводятся текстовые значения .\u003Cbr\u003EПример записи: \u003Cbr\u003E\u003Cinput type=\"text\" placeholder=\"Текст подсказки\"\u003E \u003Cbr\u003EТекст подсказки выводится внутри текстового поля, а при вводе значения – автоматически убирается.\u003Cbr\u003E","\u003Cp\u003EОбязательные поля \u003Cbr\u003E\u003Cp\u003EОбязательное для заполнения поле помечается пустым атрибутом required:\u003Cbr\u003E\u003Cinput type=\"text\" required\u003E\u003Cbr\u003EПри попытке отправить форму с незаполнеными обязательными полями браузер выведет всплывающее предупреждение.\u003Cbr\u003EЭта проверка работает на клиентской части и упрощает валидацию форм.\u003Cbr\u003EНо всегда нужно проверять отправленные данные и на стороне сервера.\u003Cbr\u003E","\u003Cp\u003EЗапрет редактирования полей\u003Cbr\u003E\u003Cp\u003EИспользование атрибута readonly и использование атрибута disabled позволяет делать поля недоступными для редактирования\u003Cbr\u003EПример записи:\u003Cbr\u003E\u003C!-- нельзя менять, но можно копировать и отправлять на сервер--\u003E\u003Cbr\u003E\u003Cinput type=\"text\" readonly\u003E\u003Cbr\u003E\u003C!-- нельзя: менять, копировать, отправлять на сервер--\u003E\u003Cbr\u003E\u003Cinput type=\"text\" disabled\u003E\u003Cbr\u003E","\u003Cp\u003EТег label\u003Cbr\u003E\u003Cp\u003EУстанавливает связь между меткой, в качестве которой обычно выступает поясняющий текст, и элементом формы (\u003Cinput\u003E, \u003Cselect\u003E, \u003Ctextarea\u003E). \u003Cbr\u003EСуществует два способа связывания объекта и метки:\u003Cbr\u003Eидентификатор внутри элемента формы id=\"имя\" и \u003Cbr\u003Eвнутри \u003Clabel for=\"имя\"\u003E. \u003Cbr\u003Eэлемент формы помещается внутрь контейнера \u003Clabel\u003E.\u003Cbr\u003EСинтаксис:\u003Cbr\u003E\u003Cinput id=\"идентификатор\"\u003E\u003Clabel for=\"идентификатор\"\u003EТекст\u003C\u002Flabel\u003E\u003Cbr\u003E\u003Clabel\u003E\u003Cinput type=\"...\"\u003E Текст\u003C\u002Flabel\u003E\u003Cbr\u003E","\u003Cp\u003EПример label\u003Cbr\u003E\u003Cp\u003E\u003Cform action=\"handler.php\"\u003E\u003Cbr\u003E \t\t\t\u003Cinput type=\"checkbox\" id=\"check1\"\u003E\u003Cbr\u003E \t\t\u003Clabel for=\"check1\"\u003EДомофон\u003C\u002Flabel\u003E\u003Cbr\u003E \t\t\u003Cinput type=\"checkbox\" id=\"check2\"\u003E\u003Cbr\u003E\t\t\u003Clabel for=\"check2\"\u003EНет звонка\u003C\u002Flabel\u003E\u003Cbr\u003E\t \t\u003Clabel\u003E\u003Cbr\u003E\t\t\t\u003Cinput type=\"checkbox\" id=\"check3\"\u003E\u003Cbr\u003E\t\t\u003C\u002Flabel\u003E \u003Cbr\u003E \t\u003C\u002Fp\u003E\u003Cbr\u003E \u003C\u002Fform\u003E \u003Cbr\u003E"],href:"\u002Fprezentacii-po-informatike\u002Fnovovvedeniya-html5-form",href_category:"\u002Fprezentacii-po-informatike",date:1615385636,related:[{id:1005030,name:"Программирование на языке Паскаль",href:"\u002Fprezentacii-po-informatike\u002Fprogrammirovanie-na-yazyke-paskal-88",jpg:"jpg\u002F1005030"},{id:474390,name:"Системы счисления Определение. Непозиционные и позиционные системы счисления. Развернутая форма записи числа в позиционной сист",href:"\u002Fprezentacii-po-informatike\u002Fsistemy-schisleniya-opredelenie-nepozicionnye-i-pozicionnye-sistemy-schisleniya-razvernutaya-forma-zapisi-chisla-v-pozicionnoj-sist",jpg:"jpg\u002F474390"},{id:1094898,name:"Автоматизация подписок и лайков. Массфолловинг",href:"\u002Fprezentacii-po-informatike\u002Favtomatizatsiya-podpisok-i-laykov-massfolloving",jpg:"jpg\u002F1094898"},{id:1144688,name:"Презентация 1 (2) (1)",href:"\u002Fprezentacii-po-informatike\u002Fprezentatsiya-1-2-1-2",jpg:"jpg\u002F1144688"},{id:282215,name:"Презентация на тему История развития отечественной вычислительной техники ",href:"\u002Fprezentacii-po-informatike\u002Fprezentaciya-na-temu-istoriya-razvitiya-otechestvennoj-vychislitelnoj-texniki-1",jpg:"jpg\u002F282215"},{id:909740,name:"Анализ рисков информационной безопасности с помощью нейронных сетей и нечетких когнитивных карт. Лекция 9",href:"\u002Fprezentacii-po-informatike\u002Fanaliz-riskov-informatsionnoy-bezopasnosti-s-pomoshchyu",jpg:"jpg\u002F909740"},{id:1041454,name:"Программирование на языке CLIPS",href:"\u002Fprezentacii-po-informatike\u002Fprogrammirovanie-na-yazyke-clips-70-2",jpg:"jpg\u002F1041454"},{id:282510,name:"Презентация на тему Человек и информация ",href:"\u002Fprezentacii-po-informatike\u002Fprezentaciya-na-temu-chelovek-i-informaciya-1",jpg:"jpg\u002F282510"},{id:1109052,name:"Программирование циклических алгоритмов. Лекция 3",href:"\u002Fprezentacii-po-informatike\u002Fprogrammirovanie-tsiklicheskih-algoritmov-lektsiya-3",jpg:"jpg\u002F1109052"},{id:998979,name:"106398",href:"\u002Fprezentacii-po-informatike\u002F106398",jpg:"jpg\u002F998979"},{id:1182362,name:"2_5325571112724078422",href:"\u002Fprezentacii-po-informatike\u002F25325571112724078422",jpg:"jpg\u002F1182362"},{id:1147943,name:"Знакомство с языком HTML",href:"\u002Fprezentacii-po-informatike\u002Fznakomstvo-s-yazykom-html-2",jpg:"jpg\u002F1147943"},{id:872839,name:"Схемотехника электронных устройств",href:"\u002Fprezentacii-po-informatike\u002Fshemotehnika-elektronnyh-ustroystv",jpg:"jpg\u002F872839"},{id:892194,name:"Изучение устройства компьютера и его чистка",href:"\u002Fprezentacii-po-informatike\u002Fizuchenie-ustroystva-kompyutera-i-ego-chistka",jpg:"jpg\u002F892194"},{id:1155611,name:"Материалы к выпускной письменной экзаменационной работе по теме Сравнение способов создания таблиц в MS Word MS Excel",href:"\u002Fprezentacii-po-informatike\u002Fmaterialy-k-vypusknoy-pismennoy-ekzamenatsionnoy-rabote",jpg:"jpg\u002F1155611"},{id:1044294,name:"Создание онлайн-опросов-анкет",href:"\u002Fprezentacii-po-informatike\u002Fsozdanie-onlayn-oprosov-anket-1",jpg:"jpg\u002F1044294"},{id:876817,name:"Информация, информационные процессы и информационное общество",href:"\u002Fprezentacii-po-informatike\u002Finformatsiya-informatsionnye-protsessy-i-informatsionnoe-obshchestvo-2",jpg:"jpg\u002F876817"},{id:1021568,name:"Основы HTML. Разработка Web-сайта",href:"\u002Fprezentacii-po-informatike\u002Fosnovy-html-razrabotka-web-sayta-6",jpg:"jpg\u002F1021568"},{id:1175946,name:"Urok_14_PR4_Predstavlenie_texta",href:"\u002Fprezentacii-po-informatike\u002Furok14pr4predstavlenietexta",jpg:"jpg\u002F1175946"},{id:1151596,name:"Информационная система исследование норм нагрузки",href:"\u002Fprezentacii-po-informatike\u002Finformatsionnaya-sistema-issledovanie-norm-nagruzki",jpg:"jpg\u002F1151596"},{id:1081551,name:"Создание и разрушение объектов",href:"\u002Fprezentacii-po-informatike\u002Fsozdanie-i-razrushenie-obektov",jpg:"jpg\u002F1081551"},{id:904320,name:"Қазақстандағы байланыс қуралдарынын дамуы",href:"\u002Fprezentacii-po-informatike\u002Fazastanday-baylanys-uraldarynyn-damuy",jpg:"jpg\u002F904320"},{id:1069836,name:"Проектирование сети сотовой связи в равномерным распределением абонентов в заданной зоне",href:"\u002Fprezentacii-po-informatike\u002Fproektirovanie-seti-sotovoy-svyazi-v-ravnomernym",jpg:"jpg\u002F1069836"},{id:1041553,name:"Использование информационных технологий в дошкольном образовании",href:"\u002Fprezentacii-po-informatike\u002Fispolzovanie-informatsionnyh-tehnologiy-v-doshkolnom-obrazovanii",jpg:"jpg\u002F1041553"},{id:839243,name:"История компьютерных вирусов до 2000-х годов",href:"\u002Fprezentacii-po-informatike\u002Fistoriya-kompyuternyh-virusov-do-2000-h",jpg:"jpg\u002F839243"},{id:846677,name:"Носители информации",href:"\u002Fprezentacii-po-informatike\u002Fnositeli-informatsii-26",jpg:"jpg\u002F846677"},{id:996247,name:"Информационные технологии в океанологии",href:"\u002Fprezentacii-po-informatike\u002Finformatsionnye-tehnologii-v-okeanologii",jpg:"jpg\u002F996247"},{id:843530,name:"Тахографы. История тахографов",href:"\u002Fprezentacii-po-informatike\u002Ftahografy-istoriya-tahografov",jpg:"jpg\u002F843530"}],navigation:{next:"\u002Fprezentacii-po-informatike\u002Fdvusvyaznye-spiski",next_name:"Двусвязные списки",prev:"\u002Fprezentacii-na-razlichnye-temy\u002Fistoriya-konstitutsionnogo-prava",prev_name:"История конституционного права"}}}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:M,SITE_HOST:"slaidy.com",SITE_LANG:N,API_BASE_URL:"https:\u002F\u002Fslaidy.com\u002Fapi\u002F",pwaManifest:{name:M,short_name:b,description:b,lang:N,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:U,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:a,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:b}},pinia:{app:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:b,email:w,footer_before:x,footer:y,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:z,item_images:A,item_images_tag:B,item_words_h3:c,item_words_tag:C,item_words_1:h,routing:D,item_slide_skipping:E,item_download_timeout:F,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:G}},social:H,token:b}}}}(0,"",false,"image\u002Fpng",true,"any","maskable",12,28,"#000000","#ffffff","Презентации, проекты, доклады в PowerPoint на любую тему","Презентации и проекты в PowerPoint","Презентации на различные темы для детей, школьников, родителей, студентов, учителей и преподавателей.","Презентация, презентация на тему, скачать презентацию, урок презентация, 1 2 3 4 5 6 7 8 9 10 11 класс","images\u002Fdata\u002Flogo.jpg",32,"Slaidy.com",720,480,"6LdhFOUnAAAAAIaOUjFtosEpzs6Ny643k1QKXXvv","3190226","[e-mail]","\u003C!--LiveInternet counter--\u003E\u003Ca href=\"https:\u002F\u002Fwww.liveinternet.ru\u002Fclick\"\r\ntarget=\"_blank\"\u003E\u003Cimg id=\"licnt7D89\" width=\"88\" height=\"31\" style=\"border:0\" \r\ntitle=\"LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня\"\r\nsrc=\"data:image\u002Fgif;base64,R0lGODlhAQABAIAAAAAAAP\u002F\u002F\u002FyH5BAEAAAEALAAAAAABAAEAAAIBTAA7\"\r\nalt=\"LiveInternet\"\u002F\u003E\u003C\u002Fa\u003E\u003Cscript\u003E(function(d,s){d.getElementById(\"licnt7D89\").src=\r\n\"https:\u002F\u002Fcounter.yadro.ru\u002Fhit?t12.1;r\"+escape(d.referrer)+\r\n((typeof(s)==\"undefined\")?\"\":\";s\"+s.width+\"*\"+s.height+\"*\"+\r\n(s.colorDepth?s.colorDepth:s.pixelDepth))+\";u\"+escape(d.URL)+\r\n\";h\"+escape(d.title.substring(0,150))+\";\"+Math.random()})\r\n(document,screen)\u003C\u002Fscript\u003E\u003C!--\u002FLiveInternet--\u003E","\u003Ca href=\"\u002Fpage\u002Fpravoobladateliam\"\u003EДля правообладателей\u003C\u002Fa\u003E","h3a","images_before","none","h3","category","both",77,"#ff0d00","\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E",1,"Информатика",16,"Нововведения html5-форм ","Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.e6b1bc94.js" crossorigin></script></body>
</html>