Kontrole jQuery komórkowy Slider
Suwak pozwala na wybranie wartości z zakresu liczb:
Aby utworzyć suwak, użyj <input type="range"> :
Przykład
<form method="post" action="demoform.asp">
<label for="points">Points:</label>
< input type="range" name="points" id="points" value="50" min="0"
max="100">
</form>
Spróbuj sam " Użyj następujące atrybuty, aby określić ograniczenia:
- max - określa maksymalną dozwoloną wartość
- min - określa wartość minimalną dozwoloną
- step - określa prawne interwałów numerycznych
- value - określa wartość domyślną
Wskazówka: Jeśli chcesz, aby pokazać wartość na przycisk suwaka, dodać data-show-value="true" :
Wskazówka: Jeśli chcesz, aby wartości do pop-up na ekranie jak podpowiedzi (jak zjeżdżalnia), dodawanie data-popup-enabled="true" :
Wskazówka: Jeśli chcesz, aby podświetlić ścieżkę do wartości suwaka, dodać data-highlight="true" :
Klapki Toggle Switch
Przełącznik klapka jest często używany do włączania / wyłączania lub prawda / fałsz przyciski:
Aby utworzyć przycisk z klapką, użyj <input type="checkbox"> i określ data-role w "flipswitch" :
Przykład
<form method="post" action="demoform.asp">
<label for="switch">Flip toggle switch checkbox:</label>
<input type="checkbox" data-role="flipswitch" name="switch" id="switch">
</form> Spróbuj sam " Domyślnie tekst na przełączniku klapka jest "On" i "Off" . Użyj data-on-text i data-off-text atrybuty to zmienić:
Przykład
<input type="checkbox" data-role="flipswitch" name="switch" id="switch"
data-on-text="True" data-off-text="False" >
Spróbuj sam " Wskazówka: użyj "checked" atrybut, aby ustawić jedną z opcji, aby być wstępnie wybrana:
Przykład
<input type="checkbox" data-role="flipswitch" name="switch" id="switch"
checked >
Spróbuj sam " Więcej przykładów
suwak zakres
Jak zrobić suwak z dwoma uchwytami, dzięki czemu użytkownicy mogą określić minimalną i maksymalną wartość w przedziale.
Styl Klapki Przełącznik
Jak zrobić przełącznik klapki szerzej.