Latest web development tutorials

Форма JQuery Мобильный слайдер

управления JQuery Мобильный слайдер

Slider позволяет выбрать значение из диапазона чисел:


Чтобы создать ползунок, используйте <входной тип = "Диапазон">:

примеров

<form method="post" action="demoform.php">
  <label for="points">进度:</label>
  < input type="range" name="points" id="points" value="50" min="0" max="100">
</form>

Попробуйте »

Используйте следующие атрибуты для указания ограничений:

  • макс - максимально допустимое регламентом
  • мин - минимально допустимый по правилам
  • шаг - указывает интервалы юридических чисел для
  • Значение - значение по умолчанию, заданное

Совет: Если вы хотите отобразить в кнопке можно добавить значение прогресса данных-шоу-значение = "истинно " атрибута:

примеров

<input type="range" data-show-value="true" >

Попробуйте »

Совет: Если вы хотите , чтобы показать прогресс на кнопке слайд (аналогичный играть небольшое окно) Вы можете использовать данные, всплывающее окно с поддержкой = "истинный " атрибут:

примеров

<input type="range" data-popup-enabled="true" >

Попробуйте »

Совет: Если вы хотите , чтобы подчеркнуть значение выделенного ползунка, добавить данные-блик = "истина":

примеров

<input type="range" data-hightlight="true" >

Попробуйте »

ТУМБЛЕРОВ

Флуктуации переключатель обычно используется для включения / выключения или истинная кнопка / ложь:


Мы можем использовать <входной тип = "флажок"> элементы и указать данные-роль, чтобы создать переключатель "flipswitch":

примеров

<form method="post" action="demoform.php">
  <label for="switch">切换开关:</label>
    <input type="checkbox" data-role="flipswitch" name="switch" id="switch">
</form>

Попробуйте »

По умолчанию текст переключатель в положение "On" и "Off". Вы можете использовать данные-на-текстовых и данных за пределами текста Свойства, чтобы изменить его:

примеров

<Входной тип = данные "флажок" -ролевой = "flipswitch" имя = "переключатель" ID = "переключатель" данных на текст = "True" данные-офф-текст = "False">

Попробуйте »

Совет: Вы можете использовать распределительную коробку "проверил" атрибут , чтобы установить значение параметра по умолчанию:

примеров

<input type="checkbox" data-role="flipswitch" name="switch" id="switch" checked >

Попробуйте »

примеров

Другие примеры

Интервал слайдер
Сделать значения интервала слайд.

Slider Стили
Установите стиль к переключателю слайдер.