Formularze w HTML5 презентация

CZY ZMIANA BYŁA POTRZEBNA?
Do tej pory, chcąc stworzyć formularz, musieliśmy się posługiwać jedynie 6 typami pól:
– pole to służy do wprowadzania krótkiego, zawierającego się w jednej linii, tekstu;
,
– pola wielokrotnego oraz jednokrotnego wyboru;
– pole służące do wybierania plików z dysku;
,
– pole z listą opcji jednokrotnego lub wielokrotnego wyboru;
– pole służące do wprowadzania długiego tekstu, który może zawierać wiele linijek;<br><input type="hidden"> – ukryte pole służące do przekazywania różnego rodzaju danych tekstowych.<br></div><!----><!--]--><!--[--><div class="section"><div></div></div><!--]--></div></div><div class="slides-wrapper"><div id="slide3" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 3</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190365/slide-2.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="SPRAWDZANIE POPRAWNOŚCI DANYCH W HTML5 Do tej pory nie mieliśmy" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/190365/slide-2.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/190365/slide-2.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/190365/slide-2.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190365/slide-2.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>SPRAWDZANIE POPRAWNOŚCI DANYCH W HTML5<br>Do tej pory nie mieliśmy praktycznie żadnych narzędzi dostępnych</div></h2><div class="slides-content">w języku HTML, których mogliśmy użyć, aby sprawdzić poprawność wprowadzonych w formularzu danych. Jedyny atrybut, jakim mogliśmy się posłużyć, to atrybut maxlength, który służy do ograniczania długości tekstu wprowadzonego w pole tekstowe.<br>Najbardziej przydatnym nowym narzędziem w walce o dobrze wypełniony formularz jest z pewnością atrybut require. Dzięki niemu możemy wymóc na użytkowniku wypełnienie lub zaznaczenie pola – innymi słowy – dzięki niemu możemy uczynić pole obowiązkowym. Tworząc więc pole <inputtype="email" required> upewniamy się, że użytkownik poda nam adres e-mail.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide4" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 4</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190365/slide-3.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="ATRYBUTY ZWIĄZANE Z FORMULARZAMI Poza atrybutami sprawdzającymi poprawność danych, formularze" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/190365/slide-3.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/190365/slide-3.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/190365/slide-3.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190365/slide-3.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>ATRYBUTY ZWIĄZANE Z FORMULARZAMI<br><p>Poza atrybutami sprawdzającymi poprawność danych, formularze zyskały kilka</div></h2><div class="slides-content">innych atrybutów. Najszerzej używanym w tym momencie jest atrybut placeholder, który pozwala na wprowadzenie tekstu tymczasowego do pól formularza. Jest on usuwany, gdy tylko użytkownik wypełni pole. Atrybut ten jest często błędnie wykorzystywany jako zamiennik znacznika label. Służy on do prezentowania przykładowego wypełnienia pola, a nie do jego opisywania.<br>Innym przydatnym atrybutem jest autofocus, po użyciu którego, wybrane pole jest ustawiane jako aktywne zaraz po załadowaniu strony. Funkcja ta może idealnie sprawdzić się na stronie wyszukiwarki, przykład: <input type="search"autofocus>.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide5" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 5</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190365/slide-4.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="ATRYBUTY ZWIĄZANE Z FORMULARZAMI Dzięki innemu nowemu atrybutowi o nazwie" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/190365/slide-4.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/190365/slide-4.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/190365/slide-4.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190365/slide-4.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>ATRYBUTY ZWIĄZANE Z FORMULARZAMI<br><p>Dzięki innemu nowemu atrybutowi o nazwie autocomplete możemy wyłączyć funkcję autouzupełniania</div></h2><div class="slides-content">dla danego pola. Autouzupełnianie jest szczególnie kłopotliwe, jeśli przypadkiem może ujawnić informacje wprowadzone do pola przez innych użytkowników. Przykładem pola, które nie powinno mieć podpowiedzi wcześniej wprowadzonych wartości jest pole na hasła jednorazowe. Przykład pola z wyłączonym autouzupełnianiem: <inputtype="text" autocomplete="off">.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide6" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 6</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190365/slide-5.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="NOWE TYPY PÓL FORMULARZA , – służy do podawania daty" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/190365/slide-5.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/190365/slide-5.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/190365/slide-5.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190365/slide-5.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>NOWE TYPY PÓL FORMULARZA<br><input type="datetime">, <input type="datetime-local"> – służy do podawania daty i godziny – w pierwszym wariancie</div></h2><div class="slides-content">w strefie czasowej UTC, a w drugim – w lokalnej strefie czasowej. Pola te nie są na razie obsługiwane przez żadną przeglądarkę.<br><input type="week">, <input type="month"> – pola służące do wyboru kolejno tygodnia w danym roku oraz miesiąca w roku. Pola wspierane jedynie przez przeglądarki na silniku Webkit.<br><input type="tel"> – pole służące do wprowadzania numeru telefonu. <br><input type="search"> – pole to, podobnie jak powyższe, wyróżnia się jedynie zachowaniem po kliknięciu w nie. A w zasadzie ma się wyróżniać, bo jak do tej pory, żadna z przeglądarek nie korzysta z niego w sposób szczególny.<br><input type="color"> – pole służące do wybierania koloru. <br><input type="range"> – pole, które służy do wybierania liczby z podanego zakresu.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide7" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 7</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190365/slide-6.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="NOWE TYPY PÓL FORMULARZA – pole, które z całą pewnością" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/190365/slide-6.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/190365/slide-6.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/190365/slide-6.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190365/slide-6.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>NOWE TYPY PÓL FORMULARZA<br><p><input type="email"> – pole, które z całą pewnością znajdzie zastosowanie na każdej</div></h2><div class="slides-content">stronie – służy do wprowadzania adresu e-mail. Przeglądarka przy wprowadzaniu maila sprawdzi, czy wygląda on na poprawny (musi zawierać znak @, nie może kończyć, ani zaczynać się kropką itp.).<br><input type="url"> – dzięki niemu, możemy wymusić na użytkowniku podanie poprawnego adresu URL. Adres ten, będzie musiał zaczynać się protokołem (czyli na przykład http://, https://, czy ftp://).<br><input type="number"> – wymusza na użytkowniku wprowadzenie liczby. Dozwolony zakres liczb można określić za pomocą atrybutów max i min<br><input type="time"> – jak nietrudno się domyślić, służy do podawania godziny. Również w pełni jedynie przez przeglądarki na silniku Webkit.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide8" class="slides-item"><!--[--><div class="text-center"><span class="slides-headingUnit">Слайд 8</span></div><h2 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190365/slide-7.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="PODPOWIADANIE WARTOŚCI DO WPROWADZENIA Nowy element datalist daje nam możliwość" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/190365/slide-7.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/190365/slide-7.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/190365/slide-7.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190365/slide-7.jpg 1440w" class="slides-image"></h2><h2 class="slides-content text-center font-bold"><div><p>PODPOWIADANIE WARTOŚCI DO WPROWADZENIA<br><p>Nowy element datalist daje nam możliwość stworzenia podpowiedzi do wypełnianego pola. Dzięki</div></h2><div class="slides-content">temu możemy łatwo zasugerować użytkownikowi jedną z najczęściej wybieranych opcji, czy też ułatwić mu wypełnianie skomplikowanych danych.<br>Aby przypisać podpowiedzi do wybranego pola, podajemy identyfikator nadany elementowi datalist w atrybucie list pola.<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"> Имя файла: Formularze-w-HTML5.pptx <br> Количество просмотров: 67 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/informatika/primenenie-elektronnoy-prezentatsii-na-uroke-istorii" class="navigation-link">Применение электронной презентации на уроке истории искусств</a></div><div class="navigation-item"><div>Следующая -</div><a href="/istoriya/tserkovnyy-raskol-3" 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="/informatika/kompyuterna-programa-applet" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/93825/slide-0.jpg" 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/93825/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/93825/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/93825/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/93825/slide-0.jpg 1440w" class="slides-image related-itemImage"> Комп'ютерна програма Applet</a></div><div class="related-item"><a href="/informatika/lokalnaya-set-5" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/558356/slide-0.jpg" 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/558356/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/558356/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/558356/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/558356/slide-0.jpg 1440w" class="slides-image related-itemImage"> Локальная сеть</a></div><div class="related-item"><a href="/informatika/personalnyy-kompyuter-kompyuter-kak-universalnoe-ustroystvo" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/591455/slide-0.jpg" 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/591455/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/591455/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/591455/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/591455/slide-0.jpg 1440w" class="slides-image related-itemImage"> Персональный компьютер. Компьютер как универсальное устройство для работы с информацией. Информатика. 7 класс</a></div><div class="related-item"><a href="/informatika/vidy-baz-dannyh-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/168435/slide-0.jpg" 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/168435/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/168435/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/168435/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/168435/slide-0.jpg 1440w" class="slides-image related-itemImage"> Виды баз данных</a></div><div class="related-item"><a href="/informatika/izkustven-intelekt" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373851/slide-0.jpg" 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/373851/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/373851/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/373851/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373851/slide-0.jpg 1440w" class="slides-image related-itemImage"> Изкуствен интелект</a></div><div class="related-item"><a href="/informatika/lineynye-spiski-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391397/slide-0.jpg" 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/391397/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/391397/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/391397/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/391397/slide-0.jpg 1440w" class="slides-image related-itemImage"> Линейные списки</a></div><div class="related-item"><a href="/informatika/nastroyka-lokalnoy-vychislitelnoy-seti-i-podklyuchenie" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/433035/slide-0.jpg" 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/433035/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/433035/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/433035/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/433035/slide-0.jpg 1440w" class="slides-image related-itemImage"> Настройка локальной вычислительной сети и подключение к сети Интернет</a></div><div class="related-item"><a href="/informatika/tehnicheskie-sredstva-telekommunikatsionnyh-tehnologiy-16" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/421557/slide-0.jpg" 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/421557/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/421557/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/421557/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/421557/slide-0.jpg 1440w" class="slides-image related-itemImage"> Технические средства телекоммуникационных технологий</a></div><div class="related-item"><a href="/informatika/proektirovanie-bazy-dannyh-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/449121/slide-0.jpg" 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/449121/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/449121/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/449121/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/449121/slide-0.jpg 1440w" class="slides-image related-itemImage"> Проектирование Базы данных</a></div><div class="related-item"><a href="/informatika/servisnoe-obsluzhivanie-pk-i-seti-obshchie" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/377819/slide-0.jpg" 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/377819/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/377819/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/377819/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/377819/slide-0.jpg 1440w" class="slides-image related-itemImage"> Сервисное обслуживание ПК и сети. Общие сетевые ресурсы. Резервное копирование</a></div><div class="related-item"><a href="/informatika/ege-po-informatike-reshenie-zadaniy-s1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/567518/slide-0.jpg" 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/567518/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/567518/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/567518/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/567518/slide-0.jpg 1440w" class="slides-image related-itemImage"> ЕГЭ по информатике. Решение заданий С1.</a></div><div class="related-item"><a href="/informatika/tehnologiya-programmirovaniya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/5934/slide-0.jpg" 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/5934/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/5934/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/5934/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/5934/slide-0.jpg 1440w" class="slides-image related-itemImage"> Технология программирования</a></div><div class="related-item"><a href="/informatika/rossiyskie-sps-garant-i-konsultant-plyus" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/423088/slide-0.jpg" 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/423088/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/423088/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/423088/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/423088/slide-0.jpg 1440w" class="slides-image related-itemImage"> Российские СПС Гарант и Консультант Плюс Лекция 15</a></div><div class="related-item"><a href="/informatika/viktorina-malenkie-znatoki-rodnogo-goroda" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/555949/slide-0.jpg" 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/555949/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/555949/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/555949/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/555949/slide-0.jpg 1440w" class="slides-image related-itemImage"> Викторина Маленькие знатоки родного города</a></div><div class="related-item"><a href="/informatika/mir-informatiki-svoya-igra" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/250490/slide-0.jpg" 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/250490/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/250490/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/250490/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/250490/slide-0.jpg 1440w" class="slides-image related-itemImage"> Мир информатики. Своя игра</a></div><div class="related-item"><a href="/informatika/cpiski-i-drugie-abstraktnye-tipy-dannyh" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/257368/slide-0.jpg" 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/257368/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/257368/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/257368/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/257368/slide-0.jpg 1440w" class="slides-image related-itemImage"> Cписки и другие абстрактные типы данных. Лекция 8</a></div><div class="related-item"><a href="/informatika/algoritmy-i-programmirovanie-osnovnye-elementy-blok" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/238323/slide-0.jpg" 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/238323/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/238323/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/238323/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/238323/slide-0.jpg 1440w" class="slides-image related-itemImage"> Алгоритмы и программирование. Основные элементы блок-схем</a></div><div class="related-item"><a href="/informatika/znayu-vse-izuchayte-predmety-i-drugie" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/231552/slide-0.jpg" 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/231552/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/231552/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/231552/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/231552/slide-0.jpg 1440w" class="slides-image related-itemImage"> Знаю все. Изучайте предметы и другие науки там, где удобно</a></div><div class="related-item"><a href="/informatika/modelirovanie-i-formalizatsiya-informatsiya-i-informatsionnye" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/310911/slide-0.jpg" 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/310911/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/310911/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/310911/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/310911/slide-0.jpg 1440w" class="slides-image related-itemImage"> Моделирование и формализация. Информация и информационные процессы</a></div><div class="related-item"><a href="/informatika/yaka-nebezpeka-ochku-dtey-v-nternet" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/93577/slide-0.jpg" 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/93577/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/93577/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/93577/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/93577/slide-0.jpg 1440w" class="slides-image related-itemImage"> Яка небезпека очікує дітей в інтернеті</a></div><div class="related-item"><a href="/informatika/povtory-v-tekstah" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/228008/slide-0.jpg" 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/228008/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/228008/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/228008/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/228008/slide-0.jpg 1440w" class="slides-image related-itemImage"> Повторы в текстах</a></div><div class="related-item"><a href="/informatika/transportnyy-uroven-steka-protokolov-tcpip" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/255860/slide-0.jpg" 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/255860/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/255860/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/255860/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/255860/slide-0.jpg 1440w" class="slides-image related-itemImage"> Транспортный уровень стека протоколов TCP/IP</a></div><div class="related-item"><a href="/informatika/delovaya-igra-tekstovyy-redaktor-ms-word" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/487819/slide-0.jpg" 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/487819/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/487819/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/487819/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/487819/slide-0.jpg 1440w" class="slides-image related-itemImage"> Деловая игра Текстовый редактор MS WORD</a></div><div class="related-item"><a href="/informatika/parallelnye-arhitektury-s-raspredelyonnoy-pamyatyu-massivno" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/255989/slide-0.jpg" 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/255989/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/255989/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/255989/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/255989/slide-0.jpg 1440w" class="slides-image related-itemImage"> Параллельные архитектуры с распределённой памятью. Массивно-параллельные системы (MPP)</a></div><div class="related-item"><a href="/informatika/standartizatsya-ta-sertifkatsya-nformatsynih-upravlyayuchih-sistem" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/99352/slide-0.jpg" 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/99352/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/99352/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/99352/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/99352/slide-0.jpg 1440w" class="slides-image related-itemImage"> Стандартизація та сертифікація інформаційних управляючих систем</a></div><div class="related-item"><a href="/informatika/9-2-1-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/601092/slide-0.jpg" 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/601092/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/601092/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/601092/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/601092/slide-0.jpg 1440w" class="slides-image related-itemImage"> 9-2-1 (2)</a></div><div class="related-item"><a href="/informatika/publikatsiya-v-mezhdunarodnom-izdanii" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/172648/slide-0.jpg" 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/172648/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/172648/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/172648/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/172648/slide-0.jpg 1440w" class="slides-image related-itemImage"> Публикация в международном издании</a></div><div class="related-item"><a href="/informatika/moduli-fw-bootstrap-i-ih-prednaznachenie" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/199255/slide-0.jpg" 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/199255/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/199255/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/199255/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/199255/slide-0.jpg 1440w" class="slides-image related-itemImage"> Модули fw Bootstrap, и их предназначение. (Тема 14)</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><!----><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-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){return {data:{meta:{result:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F}},item:{result:{id:190365,name:m,category:G,count:H,jpg:"jpg\u002F190365",hits:67,download:b,h1:"Formularze w HTML5 презентация",meta:{h1:m,title:m,description:"Formularze w HTML5 презентация на тему, доклад, Информатика",keywords:"Formularze w HTML5, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Formularze w HTML5 из раздела Информатика. Презентация на заданную тему содержит 9 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003ECZY ZMIANA BYŁA POTRZEBNA?\u003Cbr\u003E\u003Cp\u003EDo tej pory, chcąc stworzyć formularz, musieliśmy się posługiwać jedynie 6 typami pól:\u003Cbr\u003E\u003Cinput type=\"text\"\u003E – pole to służy do wprowadzania krótkiego, zawierającego się w jednej linii, tekstu;\u003Cbr\u003E\u003Cinput type=\"checkbox",file:"Formularze-w-HTML5.pptx",texts:["\u003Cp\u003EFORMULARZE W HTML5\u003Cbr\u003E\u003Cp\u003EBARTŁOMIEJ LITWINIEC\u003Cbr\u003E","\u003Cp\u003ECZY ZMIANA BYŁA POTRZEBNA?\u003Cbr\u003E\u003Cp\u003EDo tej pory, chcąc stworzyć formularz, musieliśmy się posługiwać jedynie 6 typami pól:\u003Cbr\u003E\u003Cinput type=\"text\"\u003E – pole to służy do wprowadzania krótkiego, zawierającego się w jednej linii, tekstu;\u003Cbr\u003E\u003Cinput type=\"checkbox\"\u003E, \u003Cinput type=\"radio\"\u003E – pola wielokrotnego oraz jednokrotnego wyboru;\u003Cbr\u003E\u003Cinput type=\"file\"\u003E – pole służące do wybierania plików z dysku;\u003Cbr\u003E\u003Cselect\u003E, \u003Cselect multiple\u003E – pole z listą opcji jednokrotnego lub wielokrotnego wyboru;\u003Cbr\u003E\u003Ctextarea\u003E – pole służące do wprowadzania długiego tekstu, który może zawierać wiele linijek;\u003Cbr\u003E\u003Cinput type=\"hidden\"\u003E – ukryte pole służące do przekazywania różnego rodzaju danych tekstowych.\u003Cbr\u003E","\u003Cp\u003ESPRAWDZANIE POPRAWNOŚCI DANYCH W HTML5\u003Cbr\u003EDo tej pory nie mieliśmy praktycznie żadnych narzędzi dostępnych w języku HTML, których mogliśmy użyć, aby sprawdzić poprawność wprowadzonych w formularzu danych. Jedyny atrybut, jakim mogliśmy się posłużyć, to atrybut maxlength, który służy do ograniczania długości tekstu wprowadzonego w pole tekstowe.\u003Cbr\u003ENajbardziej przydatnym nowym narzędziem w walce o dobrze wypełniony formularz jest z pewnością atrybut require. Dzięki niemu możemy wymóc na użytkowniku wypełnienie lub zaznaczenie pola – innymi słowy – dzięki niemu możemy uczynić pole obowiązkowym. Tworząc więc pole \u003Cinputtype=\"email\" required\u003E upewniamy się, że użytkownik poda nam adres e-mail.\u003Cbr\u003E","\u003Cp\u003EATRYBUTY ZWIĄZANE Z FORMULARZAMI\u003Cbr\u003E\u003Cp\u003EPoza atrybutami sprawdzającymi poprawność danych, formularze zyskały kilka innych atrybutów. Najszerzej używanym w tym momencie jest atrybut placeholder, który pozwala na wprowadzenie tekstu tymczasowego do pól formularza. Jest on usuwany, gdy tylko użytkownik wypełni pole. Atrybut ten jest często błędnie wykorzystywany jako zamiennik znacznika label. Służy on do prezentowania przykładowego wypełnienia pola, a nie do jego opisywania.\u003Cbr\u003EInnym przydatnym atrybutem jest autofocus, po użyciu którego, wybrane pole jest ustawiane jako aktywne zaraz po załadowaniu strony. Funkcja ta może idealnie sprawdzić się na stronie wyszukiwarki, przykład: \u003Cinput type=\"search\"autofocus\u003E.\u003Cbr\u003E","\u003Cp\u003EATRYBUTY ZWIĄZANE Z FORMULARZAMI\u003Cbr\u003E\u003Cp\u003EDzięki innemu nowemu atrybutowi o nazwie autocomplete możemy wyłączyć funkcję autouzupełniania dla danego pola. Autouzupełnianie jest szczególnie kłopotliwe, jeśli przypadkiem może ujawnić informacje wprowadzone do pola przez innych użytkowników. Przykładem pola, które nie powinno mieć podpowiedzi wcześniej wprowadzonych wartości jest pole na hasła jednorazowe. Przykład pola z wyłączonym autouzupełnianiem: \u003Cinputtype=\"text\" autocomplete=\"off\"\u003E.\u003Cbr\u003E","\u003Cp\u003ENOWE TYPY PÓL FORMULARZA\u003Cbr\u003E\u003Cinput type=\"datetime\"\u003E, \u003Cinput type=\"datetime-local\"\u003E – służy do podawania daty i godziny – w pierwszym wariancie w strefie czasowej UTC, a w drugim – w lokalnej strefie czasowej. Pola te nie są na razie obsługiwane przez żadną przeglądarkę.\u003Cbr\u003E\u003Cinput type=\"week\"\u003E, \u003Cinput type=\"month\"\u003E – pola służące do wyboru kolejno tygodnia w danym roku oraz miesiąca w roku. Pola wspierane jedynie przez przeglądarki na silniku Webkit.\u003Cbr\u003E\u003Cinput type=\"tel\"\u003E – pole służące do wprowadzania numeru telefonu. \u003Cbr\u003E\u003Cinput type=\"search\"\u003E – pole to, podobnie jak powyższe, wyróżnia się jedynie zachowaniem po kliknięciu w nie. A w zasadzie ma się wyróżniać, bo jak do tej pory, żadna z przeglądarek nie korzysta z niego w sposób szczególny.\u003Cbr\u003E\u003Cinput type=\"color\"\u003E – pole służące do wybierania koloru. \u003Cbr\u003E\u003Cinput type=\"range\"\u003E – pole, które służy do wybierania liczby z podanego zakresu.\u003Cbr\u003E","\u003Cp\u003ENOWE TYPY PÓL FORMULARZA\u003Cbr\u003E\u003Cp\u003E\u003Cinput type=\"email\"\u003E – pole, które z całą pewnością znajdzie zastosowanie na każdej stronie – służy do wprowadzania adresu e-mail. Przeglądarka przy wprowadzaniu maila sprawdzi, czy wygląda on na poprawny (musi zawierać znak @, nie może kończyć, ani zaczynać się kropką itp.).\u003Cbr\u003E\u003Cinput type=\"url\"\u003E – dzięki niemu, możemy wymusić na użytkowniku podanie poprawnego adresu URL. Adres ten, będzie musiał zaczynać się protokołem (czyli na przykład http:\u002F\u002F, https:\u002F\u002F, czy ftp:\u002F\u002F).\u003Cbr\u003E\u003Cinput type=\"number\"\u003E – wymusza na użytkowniku wprowadzenie liczby. Dozwolony zakres liczb można określić za pomocą atrybutów max i min\u003Cbr\u003E\u003Cinput type=\"time\"\u003E – jak nietrudno się domyślić, służy do podawania godziny. Również w pełni jedynie przez przeglądarki na silniku Webkit.\u003Cbr\u003E","\u003Cp\u003EPODPOWIADANIE WARTOŚCI DO WPROWADZENIA\u003Cbr\u003E\u003Cp\u003ENowy element datalist daje nam możliwość stworzenia podpowiedzi do wypełnianego pola. Dzięki temu możemy łatwo zasugerować użytkownikowi jedną z najczęściej wybieranych opcji, czy też ułatwić mu wypełnianie skomplikowanych danych.\u003Cbr\u003EAby przypisać podpowiedzi do wybranego pola, podajemy identyfikator nadany elementowi datalist w atrybucie list pola.\u003Cbr\u003E","\u003Cp\u003EPODSUMOWANIE\u003Cbr\u003E\u003Cp\u003EDeweloperzy otrzymali nowe, potężne narzędzia do umieszczania formularzy na stronach internetowych. Jednak pomimo tego, że większość przeglądarek internetowych już je obsługuje, ciągle nie są szeroko wykorzystywane. Mam nadzieję, że udało mi się przybliżyć Wam nowe funkcje związane z formularzami internetowymi. Powinniśmy powoli odchodzić od używania JavaScript tam, gdzie to możliwe.\u003Cbr\u003E"],href:"\u002Finformatika\u002Fformularze-w-html5",href_category:"\u002Finformatika",date:1633656021,related:[{id:93825,name:"Комп'ютерна програма Applet",href:"\u002Finformatika\u002Fkompyuterna-programa-applet",jpg:"jpg\u002F93825"},{id:558356,name:"Локальная сеть",href:"\u002Finformatika\u002Flokalnaya-set-5",jpg:"jpg\u002F558356"},{id:591455,name:"Персональный компьютер. Компьютер как универсальное устройство для работы с информацией. Информатика. 7 класс",href:"\u002Finformatika\u002Fpersonalnyy-kompyuter-kompyuter-kak-universalnoe-ustroystvo",jpg:"jpg\u002F591455"},{id:168435,name:"Виды баз данных",href:"\u002Finformatika\u002Fvidy-baz-dannyh-2",jpg:"jpg\u002F168435"},{id:373851,name:"Изкуствен интелект",href:"\u002Finformatika\u002Fizkustven-intelekt",jpg:"jpg\u002F373851"},{id:391397,name:"Линейные списки",href:"\u002Finformatika\u002Flineynye-spiski-2",jpg:"jpg\u002F391397"},{id:433035,name:"Настройка локальной вычислительной сети и подключение к сети Интернет",href:"\u002Finformatika\u002Fnastroyka-lokalnoy-vychislitelnoy-seti-i-podklyuchenie",jpg:"jpg\u002F433035"},{id:421557,name:"Технические средства телекоммуникационных технологий",href:"\u002Finformatika\u002Ftehnicheskie-sredstva-telekommunikatsionnyh-tehnologiy-16",jpg:"jpg\u002F421557"},{id:449121,name:"Проектирование Базы данных",href:"\u002Finformatika\u002Fproektirovanie-bazy-dannyh-1",jpg:"jpg\u002F449121"},{id:377819,name:"Сервисное обслуживание ПК и сети. Общие сетевые ресурсы. Резервное копирование",href:"\u002Finformatika\u002Fservisnoe-obsluzhivanie-pk-i-seti-obshchie",jpg:"jpg\u002F377819"},{id:567518,name:"ЕГЭ по информатике. Решение заданий С1.",href:"\u002Finformatika\u002Fege-po-informatike-reshenie-zadaniy-s1",jpg:"jpg\u002F567518"},{id:5934,name:"Технология программирования",href:"\u002Finformatika\u002Ftehnologiya-programmirovaniya",jpg:"jpg\u002F5934"},{id:423088,name:"Российские СПС Гарант и Консультант Плюс Лекция 15",href:"\u002Finformatika\u002Frossiyskie-sps-garant-i-konsultant-plyus",jpg:"jpg\u002F423088"},{id:555949,name:"Викторина Маленькие знатоки родного города",href:"\u002Finformatika\u002Fviktorina-malenkie-znatoki-rodnogo-goroda",jpg:"jpg\u002F555949"},{id:250490,name:"Мир информатики. Своя игра",href:"\u002Finformatika\u002Fmir-informatiki-svoya-igra",jpg:"jpg\u002F250490"},{id:257368,name:"Cписки и другие абстрактные типы данных. Лекция 8",href:"\u002Finformatika\u002Fcpiski-i-drugie-abstraktnye-tipy-dannyh",jpg:"jpg\u002F257368"},{id:238323,name:"Алгоритмы и программирование. Основные элементы блок-схем",href:"\u002Finformatika\u002Falgoritmy-i-programmirovanie-osnovnye-elementy-blok",jpg:"jpg\u002F238323"},{id:231552,name:"Знаю все. Изучайте предметы и другие науки там, где удобно",href:"\u002Finformatika\u002Fznayu-vse-izuchayte-predmety-i-drugie",jpg:"jpg\u002F231552"},{id:310911,name:"Моделирование и формализация. Информация и информационные процессы",href:"\u002Finformatika\u002Fmodelirovanie-i-formalizatsiya-informatsiya-i-informatsionnye",jpg:"jpg\u002F310911"},{id:93577,name:"Яка небезпека очікує дітей в інтернеті",href:"\u002Finformatika\u002Fyaka-nebezpeka-ochku-dtey-v-nternet",jpg:"jpg\u002F93577"},{id:228008,name:"Повторы в текстах",href:"\u002Finformatika\u002Fpovtory-v-tekstah",jpg:"jpg\u002F228008"},{id:255860,name:"Транспортный уровень стека протоколов TCP\u002FIP",href:"\u002Finformatika\u002Ftransportnyy-uroven-steka-protokolov-tcpip",jpg:"jpg\u002F255860"},{id:487819,name:"Деловая игра Текстовый редактор MS WORD",href:"\u002Finformatika\u002Fdelovaya-igra-tekstovyy-redaktor-ms-word",jpg:"jpg\u002F487819"},{id:255989,name:"Параллельные архитектуры с распределённой памятью. Массивно-параллельные системы (MPP)",href:"\u002Finformatika\u002Fparallelnye-arhitektury-s-raspredelyonnoy-pamyatyu-massivno",jpg:"jpg\u002F255989"},{id:99352,name:"Стандартизація та сертифікація інформаційних управляючих систем",href:"\u002Finformatika\u002Fstandartizatsya-ta-sertifkatsya-nformatsynih-upravlyayuchih-sistem",jpg:"jpg\u002F99352"},{id:601092,name:"9-2-1 (2)",href:"\u002Finformatika\u002F9-2-1-2",jpg:"jpg\u002F601092"},{id:172648,name:"Публикация в международном издании",href:"\u002Finformatika\u002Fpublikatsiya-v-mezhdunarodnom-izdanii",jpg:"jpg\u002F172648"},{id:199255,name:"Модули fw Bootstrap, и их предназначение. (Тема 14)",href:"\u002Finformatika\u002Fmoduli-fw-bootstrap-i-ih-prednaznachenie",jpg:"jpg\u002F199255"}],navigation:{next:"\u002Fistoriya\u002Ftserkovnyy-raskol-3",next_name:"Церковный раскол",prev:"\u002Finformatika\u002Fprimenenie-elektronnoy-prezentatsii-na-uroke-istorii",prev_name:"Применение электронной презентации на уроке истории искусств"}}},categories:{result:[{id:I,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:I,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:H,name:"История",pseudoname:"istoriya"},{id:139,ordering:j,name:"Литература",pseudoname:"literatura"},{id:119,ordering:k,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:13,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:d,config:{public:{SITE_NAME:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:l,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:R,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:d,childIframe:e,clickmap:e,defer:e,useRuntimeConfig:d,trackHash:e,trackLinks:d,type:b,webvisor:e,triggerEvent:e,consoleLog:d,partytown:e,isDev:e}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:n,main_text:a,main_title:o,main_description:p,main_keywords:q,main_image:a},app:{logo_image:r,logo_image_width:s,logo_image_height:t,logo_text:a,image_width_full:u,image_width_min:v,recaptcha_key:w,yandex_search:x,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:y,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:j,item_slide_header:z,item_images:A,item_images_tag:h,item_words_h3:d,item_words_tag:h,item_words_1:k,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:l,header_bg:i,accent:i}},social:F,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable","h2","#d53032",10,11,"#ffffff","Formularze w HTML5","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","div","images_before","category","both",88,800,"\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","Информатика",9,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body>
</html>