Атрибут type указывает тип входного элемента.
Примечание. Этот атрибут не является обязательным, но мы считаем, что его следует использовать всегда.
<!DOCTYPE html><html lang=en><head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, Initial-scale=1.0> <meta http-equiv=X-UA -Compatible content=ie=edge> <title>палитра цветов</title></head><body> <input type=color id=color></body><script> document.querySelector(#color).onchange = function () { document.getElementById('color').click() // Для запуска необходимо добавить событие щелчка, иначе изменение цвета не может быть инициировано нажатием кнопки ОК document.querySelector(#color).onchange = function () { document.getElementById('color').click(); .body.style.background = this.value </script></html> Давайте посмотрим на атрибут типа HTML 5 <input>.значение атрибута
| ценить | описывать |
|---|---|
| кнопка | Определите интерактивные кнопки (в основном используются с JavaScript для запуска скриптов) |
| флажок | Определите флажки. |
| цвет | Определите палитру цветов. |
| дата | Определить поля даты (с календарным контролем) |
| дата и время | Определите поля даты (с календарем и элементами управления временем) |
| дата-время-локальное | Определите поля даты (с календарем и элементами управления временем) |
| месяц | Определите месяц поля даты (с календарным контролем) |
| неделя | Определите неделю поля даты (с календарным контролем) |
| время | Определите часы, минуты и секунды поля даты (с контролем времени) |
| электронная почта | Определите текстовое поле, используемое для адресов электронной почты. |
| файл | Определите поля ввода и кнопки обзора... для загрузки файлов. |
| скрытый | Определите скрытые поля ввода |
| изображение | Определить изображение как кнопку отправки |
| число | Определите числовое поле с помощью элемента управления счетчиком |
| пароль | Определите поле пароля. Символы в поле замаскированы. |
| радио | Определите радиокнопки. |
| диапазон | Определите числовое поле с помощью ползунка. |
| перезагрузить | Определите кнопку сброса. Кнопка сброса вернет все поля формы к исходным значениям. |
| поиск | Определите текстовое поле, используемое для поиска. |
| представлять на рассмотрение | Определите кнопку отправки. Кнопка отправки отправляет данные на сервер. |
| тел. | Определите текстовое поле для телефонных номеров. |
| текст | по умолчанию. Определите однострочное поле ввода, в котором пользователи могут вводить текст. По умолчанию — 20 символов. |
| URL | Определяет текстовое поле, используемое для URL-адреса. |
Выше приведен пример кода нового средства выбора цвета атрибута типа для ввода HTML5, представленного редактором. Надеюсь, он будет вам полезен. Если у вас есть какие-либо вопросы, оставьте мне сообщение, и редактор ответит вам. время. Я также хотел бы поблагодарить всех за поддержку сайта боевых искусств VeVb!