Range

Twitter bootstrap Documentation

Overview

Twitter bootstrap Documentation

Result

Source

<?php

$factory = new \Laminas\Form\Factory();

echo $this->formRow($factory->create([
    'name' => 'range',
    'options' => [
        'label' => 'Example Range',
    ],
    'attributes' => [
        'type' => 'range',
        'id' => 'customRange1',
    ],
]));

Disabled

Twitter bootstrap Documentation

Result

Source

<?php

$factory = new \Laminas\Form\Factory();

echo $this->formRow($factory->create([
    'name' => 'range',
    'options' => [
        'label' => 'Disabled range',
    ],
    'attributes' => [
        'type' => 'range',
        'id' => 'disabledRange',
        'disabled' => true,
    ],
]));

Min and max

Twitter bootstrap Documentation

Result

Source

<?php

$factory = new \Laminas\Form\Factory();

echo $this->formRow($factory->create([
    'name' => 'range',
    'options' => [
        'label' => 'Example Range',
    ],
    'attributes' => [
        'type' => 'range',
        'id' => 'customRange2',
        'min' => 0,
        'max' => 5,
    ],
]));

Steps

Twitter bootstrap Documentation

Result

Source

<?php

$factory = new \Laminas\Form\Factory();

echo $this->formRow($factory->create([
    'name' => 'range',
    'options' => [
        'label' => 'Example Range',
    ],
    'attributes' => [
        'type' => 'range',
        'id' => 'customRange3',
        'min' => 0,
        'max' => 5,
        'step' => 0.5,
    ],
]));