Как выглядит в коде:
<input type="range">
range — позволит создать такой элемент интерфейса, как ползунок, атрибуты min / max — позволяют установить диапазон выбора
| Расширенные атрибуты тега <input> | |
| Атрибут | Значение / описание |
| accept | Указывается только для <input type="file">. Определяет тип файла, разрешенных для отправки на сервер. Возможные значения: · file_extension — разрешает загрузку файлов с указанным расширением, например, accept=".gif", accept=".pdf"; · audio/* — разрешает загрузку аудиофайлов; · video/* — разрешает загрузку видеофайлов; · image/* — разрешает загрузку изображений; · media_type — указывает на медиа-тип загружаемых файлов. |
| alt | Указывается только для <input type="image">. Определяет альтернативный текст для изображений |
| autocomplete | Отвечает за запоминание введенных в текстовое поле значений и автоподстановку их при последующем вводе: · on — означает, что поле не защищено, и его значение можно сохранять и извлекать; · off — отключает автозаполнение для полей форм. |
| autofocus | Позволяет сделать так, чтобы в загружаемой форме поле ввода уже имело фокус (было выбрано), являясь готовым к вводу значения. |
| checked | Атрибут проверяет, установлен ли флажок по умолчанию при загрузке страницы для полей типа type="checkbox" и type="radio". |
| disabled | Отключает редактирование и копирование содержимого поля. |
| height | Значение атрибута содержит количество пикселей без указания единицы измерения. Устанавливает высоту поля формы типа type="image", например, <input type="image" src="img_submit.gif" height="50">. Рекомендуется одновременно устанавливать как высоту, так и ширину поля. |
| list | Является ссылкой на элемент <datalist>, содержит его id. Позволяет предоставить пользователю несколько вариантов на выбор, когда он начинает вводить значение в соответствующем поле. <input list="in-list"> <datalist id="in-list"> <option value="Текст1"> <option value="Текст2"> </datalist> |
| max | Позволяет ограничить ввод числовых данных максимальным значением, атрибут может содержать целое или дробное число. Рекомендуется использовать этот атрибут вместе с атрибутом min. Работает со следующими типами: полей: number, range, date, datetime, datetime-local, month, time и week. |
| maxlength | Атрибут задает максимальное количество символов, вводимых в поле. Значение по умолчанию 524288 символов. |
| min | Позволяет ограничить допустимый ввод числовых данных минимальным значением. |
| multiple | Позволяет пользователю ввести несколько значений атрибутов, разделяя их запятой. Применяется в отношении файлов и адресов электронной почты. Указывается без значения атрибута. |
| name | Определяет имя, которое будет использоваться для доступа к элементу <form>, к примеру, в таблицах стилей css. Является аналогом атрибута id. |
| pattern | Позволяет определять с помощью регулярного выражения синтаксис данных, ввод которых должен быть разрешен в определенном поле. Например, pattern="[a-z]{3}-[0-9]{3}" — квадратные скобки устанавливают диапазон допустимых символов, в данном случае — любые строчные буквы, число в фигурных скобках указывает, что нужны три строчные буквы, после которых следует тире, далее — три цифры в диапазоне от 0 до 9. |
| placeholder | Содержит текст, который отображается в поле ввода до заполнения (чаще всего это подсказка). |
| readonly | Не позволяет пользователю изменять значения элементов формы, выделение и копирование текста при этом доступно. Указывается без значения атрибута. |
| required | Выводит сообщение о том, что данное поле является обязательным для заполнения. Если пользователь попытается отправить форму, не введя в это поле требуемое значение, то на экране отобразится предупреждающее сообщение. Указывается без значения атрибута. |
| size | Задает видимую ширину поля в символах. Значение по умолчанию 20. Работает со следующими типами полей: text, search, tel, url, email и password. |
| src | Указывается только для поля <input type="image">. Задает url изображения, используемого в качестве кнопки отправки данных формы. |
| step | Используется для элементов, предполагающих ввод числовых значений, указывает величину увеличения или уменьшения значений в процессе регулировки диапазона (шаг). |
| value | Не указывается для полей типа file. Определяет текст, отображаемый на кнопке или в поле. |
| width | Значение атрибута содержит количество пикселей. Позволяет задать ширину полей формы. |