Создание сайтов.7.2.HTML.Формы 2 часть.

  • Домашнее обучение
  • Домашняя работа
  • Занимательные материалы
  • Презентации учебные
  • Домашнее обучение
  • pptx
  • 16.01.2021
Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

Продолжим изучать формы, разберем типы для добавления файла на сайт , отличие checkbox и radio , добавление цвета и многое другое, так же в конце презентации есть дз для самопроверки.
Иконка файла материала 7.Формы 2 часть.pptx

type = “file” – добавляет кнопку для добавления какого-либо файла на сайт

type = “time” – добавляет поле для выбора времени

type =“checkbox” - поле для выбора одного или нескольких значений из представленных

type=“radio” - поле для выбора только одного значения из представленных

Но для того, чтобы можно было выбирать только один элемент, нужно указать всем элементам атрибут name=“”, а в кавычках написать одинаковый идентификатор для всех вариантов

type =“color” – добавляет поле для выбора цвета

type =“submit” – кнопка отправки формы на сервер

type =“button” – по умолчанию просто кнопка

Атрибут value=“” устанавливает значение для различных элементов type

Эти значения мы задаем сами

Работает в связке с тэгом

Если мы хотим , чтобы при отправке формы , нас переносило на другой сайт

То используем атрибут action в тэге form

В кавычках указывается ссылка на сайт, куда нужно перейти

Если в поля ввода мы хотим поместить подсказки для пользователей

То можно воспользоваться атрибутом placeholder в тэге input

Текст в полях станет полупрозрачным и неактивным

ДЗ

Сделать форму:
Введите имя
Введите фамилию
Введите отчество
Введите возраст
Введите пароль
Введите почту
Выберите пол
Переведите ползунок в правое положение
Выберите дату рождения
Введите время
Выберите цвет
Сделать кнопку отправки
При нажатии на кнопку нас должно переносить на ютуб
Попробовать в 1,2,3 строчку вставить атрибут placeholder
Для кнопки отправки применить атрибут value