Содержание
- 2. Подробнее о DOM
- 3. DOM – Document Object Model (объектная модель документа) Стандарт который определяет из каких объектов браузер собирает
- 4. Свойства .children и .nodeChild массивы с потомками тега .childNodes .children
- 5. Немного практики
- 6. Скопируйте код: http://courses.dp.ua/files/js/tasks/task1.html Немного практики По нажатию на кнопку необходимо отсортировать список по возрастанию цены.
- 7. Немного практики По нажатию на кнопку необходимо отсортировать список по возрастанию цены.
- 8. Данные необходимо не только выдавать но и получать
- 9. Формы & элементы ввода Скачайте заготовку в Notepad++ http://files.courses.dp.ua/web/15/ex01.html
- 10. Элементы ввода, формы Получение данных от пользователя. …
- 11. Элементы ввода, формы Получение данных от пользователя. … Атрибут action позволяет указать какой странице будут переданы
- 12. GET POST Параметры передаются в открытом виде, в строке URL. Параметры передаются неявно, в теле HTTP
- 13. Элементы ввода type=“text” Для размещение элементов ввода на форме применяется тег input с различными значениями атрибута
- 14. Тег label применяется для оформления подписей к элементам ввода, связывается с элементом ввода по id. Элементы
- 15. Изначальный набор элементов ввода
- 16. Атрибут placeholder позволяет задать замещающий текст, который даст подсказку о назначении поля ввода.
- 17. HTML5 HTML5 принёс новые типы элементов ввода
- 18. Однако…. Поддержка «новых» элементов ввода в браузерах оставляет желать лучшего.
- 19. Примеры HTML5… http://www.w3schools.com/html/html_form_input_types.asp
- 20. Параметры в URL
- 21. Передача параметров файлу, через URL – спецсимвол, говорящий, что в этом месте заканчивается адрес файла, и
- 22. Параметры в URL-адресе Страница одна – параметры разные, как результат и содержимое разное. https://www.youtube.com/watch?v=IMhJgaqPepo https://www.youtube.com/watch?v=4B6_y1s-Hco
- 23. Оформление элементов ввода (Bootstrap)
- 24. Оформление элементов ввода Элементы форм можно оформлять при помощи CSS
- 25. Оформление элементов ввода Элементы форм можно оформлять при помощи CSS
- 26. Оформление элементов ввода / Bootstrap Bootstrap содержит в себе стили для оформления элементов ввода (пример на
- 27. Оформление элементов ввода / Bootstrap Bootstrap содержит в себе стили классы для обозначения неверно заполненных полей.
- 28. Валидация данных
- 29. Валидация данных (проверка на корректность) Скачайте заготовку в Notepad++ http://files.courses.dp.ua/web/15/ex01.html
- 30. Валидация данных (проверка на корректность) Валидация данных сводиться к проверке соответствуют ли введённые данные шаблону или
- 31. Валидация данных средствами HTML
- 32. Валидация (проверка на корректность) данных Встроенные средства валидации данных появились вместе с новыми элементами в HTML5,
- 33. Валидация данных средствами HTML Атрибут required говорит о том, что поле должно быть заполнено, хоть чем-то.
- 34. У форм есть событие onsubmit Которое случается после нажатия кнопки отправки данных, но до самой отправки,
- 35. Регулярные выражения Регулярное выражение – шаблон которым проверяется строка, строка может соответствовать шаблону, а может не
- 36. Валидация данных средствами JavaScript
- 37. Алгоритм валидации: Подписываемся на событие отправки формы (onsubmit); В обработчике событие проверяем данные на соответствие; Если
- 38. У каждого элемента input есть свойство value С помощью которого можно получить (или установить), содержимое элемента
- 39. Валидация данных
- 40. Элементы ввода и интерактивность
- 41. Элементы ввода и интерактивность Скачайте заготовку в Notepad++ http://files.courses.dp.ua/web/15/ex02.html
- 42. Элементы ввода и интерактивность У элементов ввода есть события отвечающие за изменения данных в них (например
- 43. Элементы ввода и интерактивность Скрипт отслеживает изменение «ползунка» и пропорционально изменяет размет шрифта для текста.
- 44. Домашнее задание
- 45. По нажатию на кнопку необходимо отсортировать список по возрастанию цены. При повторном нажатии сортировка должна выполниться
- 47. Скачать презентацию