Embedded Files
Увага! Не забуваємо виконувати д/з, якщо не бажаєте мати "1" за тему.
Google Classroom за кодом: fft4hxq
Виконати тест
Виконати тест
Опрацювати матеріали презентацій, визначення законспектувати
Опрацювати матеріали презентацій, визначення законспектувати
веб_технології_25-Валідація.pptxПрезентація Веб-технології Урок 26.pptxВиконати завдання
Виконати завдання
Під час виконання практичних завдань пам'ятай про правила безпеки життєдіяльності при роботі з комп'ютером
Дайте письмові відповіді на запитання
Дайте письмові відповіді на запитання
Завдання 1. Проста валідація.
Завдання 1. Проста валідація.
Створи веб-сторінку за зразком. Спробуй натиснути кнопку "Відправити" не заповнивши поля, або не поставивши позначки. Досліди що відбувається. За допомогою якого атрибута тегу input це відбувається?
Завдання 2. Обмеження кількості символів та мінімального числа.
Завдання 2. Обмеження кількості символів та мінімального числа.
Створи веб-сторінку за зразком. Спробуй ввести логін довший 6 символів, або вік менше 18 років. Досліди що відбувається. За допомогою яких атрибутів тегу input це відбувається?
Завдання 3. Виділення елементів форм з правильно та неправильно введеними даними
Завдання 3. Виділення елементів форм з правильно та неправильно введеними даними
Створи веб-сторінку за зразком. Досліди що відбувається, коли форми не заповнені, заповнені правильно, або неправильно. За допомогою яких елементів веб-сторінки це відбувається.
Код сторінки можна скопіювати.
<html>
<head>
<title>Використання псевдокласів CSS</title>
<style>
input:focus:invalid,
textarea:focus:invalid{ border:1px solid #F5192F;
box-shadow:0 0 4px #F5192F;}
input:focus:valid,
textarea:focus:valid{border: 1px solid #64C364;
box-shadow: 0 0 4px #64C364;}
</style>
</head>
<body>
<form>
Page updated
Google Sites
Report abuse