Поле range ​

Поле используется для ввода численных значений.

• Ключевое слово range.
• WhatWG Спецификация.

Параметры ​

autofocus Необязательный ​

• Тип boolean | 'true' | 'false'

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

step Необязательный ​

• Тип number | string Данное поле имеет механизм увеличения или уменьшения введённого числа на 1. Для изменения этого параметра необходимо задать атрибут step.

min Необязательный ​

• Тип number | string

Установка нижней границы значения.

max Необязательный ​

• Тип number | string

Установка верхней границы значения.

Так же все параметры, общие для всех FormField. Информацию о них можно посмотреть на этой странице.

Значение ​

Данное поле работает со строковым значением.

Спецификация ​

• Поле доступно при использовании Tab и Shift + Tab.
• Блокировка отменяет навигацию через Tab.
• Блокировка поля изменяет стилистику range.
• Ошибка валидации изменяет стилистику range.
• Для ограничения ввода используется min и max атрибуты.

Пример ​

Для данного поля нет дополнительных обязательных параметров, по этому нам необходимо указать лишь type и name:

<form-field name = "volume" type="range"/>

<form-field name = "volume" type="range"/>

import {FormField} from "jenesius-vue-form";

import {FormField} from "jenesius-vue-form";

Поле по умолчанию:

В заблокированном состоянии:

Поле не прошло валидацию:

Установка границ через max и min:

Установка step в значение 2:

Текущее состояние формы:

{}

{}