Latest web development tutorials

Formularz suwak jQuery komórkowy

suwaków jQuery Telefony

Suwak pozwala na wybranie wartości z zakresu liczb:


Aby utworzyć suwak, użyj <input type = "range">:

Przykłady

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

Spróbuj »

Użyj następujące atrybuty, aby określić ograniczenia:

  • max - maksymalna dopuszczalna przez przepisy
  • min - minimalna dopuszczalna przez przepisy
  • krok - określa numer dla przedziałów prawne
  • value - wartość domyślna określona

Wskazówka: Jeśli chcesz zobaczyć w przycisku można dodać wartość postępach data-show-value = "true " atrybutu:

Przykłady

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

Spróbuj »

Wskazówka: Jeśli chcesz, aby pokazać postęp w przycisk slajdów (podobny do gry małe okno) Można użyć danych popup-enabled = "true " atrybutu:

Przykłady

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

Spróbuj »

Wskazówka: Jeśli chcesz, aby podświetlić wartość suwaka podświetlonym, dodać data-highlight = "true":

Przykłady

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

Spróbuj »

przełączniki przerzutowe

Wahania przełącznik jest normalnie używany do włączania / Przycisk prawda / fałsz wyłączone lub:


Możemy użyć <input type = "checkbox"> elementy i określić dane-role stworzyć przełącznik jest "flipswitch":

Przykłady

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

Spróbuj »

Domyślnie przełącznik tekst "ON" i "OFF". Można użyć właściwości danych na danych tekstowych i off-tekstowych, aby go zmodyfikować:

Przykłady

<Input type = "checkbox" Dane -role = "flipswitch" name = "switch" id = "switch" dane na tekst = "true" data-off-text = "false">

Spróbuj »

Wskazówka: Można użyć pola przełącznik "zaznaczone" atrybut, aby ustawić opcję domyślną:

Przykłady

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

Spróbuj »

Przykłady

Więcej przykładów

Interwał suwak
Bądź slajd wartości interwału.

Style Slider
Ustawia styl do przełącznika suwakowego.