Поле radio ​

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

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

Параметры ​

options Обязательный ​

• Тип FormFieldOptions.

Набор возможных значений поля.

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

Значение ​

При нажатии или выборе соответствующего radio элемента, значение будет установлено в соответствии со значением в поле value из переданных options.

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

• Объект доступен для доступа через Tab и Shift + Tab.
• Перемещение по объекту возможна используя ArrowDown и ArrowUp. Перемещение таким способом изменяет значение поля.
• Выбор элемента возможен по щелчку на соответствующий элемент.
• Нельзя выбрать элемент используя Enter или Space.
• Блокировка полей отменяет навигацию используя Tab. Также происходит изменение стилистики radio.
• При неудачной валидации поле должно изменить стилистику radio.

Пример ​

Для подключения виджета необходимо указать type и options:

<form-field :options = "companies" type = "radio"/>

<form-field :options = "companies" type = "radio"/>

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

const companies = {
	'a': "Apple",
	'h': "Huawei",
	's': "Samsung"
};

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

const companies = {
	'a': "Apple",
	'h': "Huawei",
	's': "Samsung"
};

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

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

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

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

{}

{}