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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Если мы хотим , чтобы при отправке формы , нас переносило на другой сайт
То используем атрибут action в тэге form
В кавычках указывается ссылка на сайт, куда нужно перейти

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

Если в поля ввода мы хотим поместить подсказки для пользователей
То можно воспользоваться атрибутом placeholder в тэге input
Текст в полях станет полупрозрачным и неактивным

ДЗ Сделать форму: Введите имя Введите фамилию

ДЗ

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

Материалы на данной страницы взяты из открытых истончиков либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.

16.01.2021