Slider html (tervezés és kimeneti értékek), blog kostanevicha Stepan
Csúszik a HTML (tervezés és kimeneti értékek)
Hello mindenkinek!
Készíts egy csúszka a HTML - nem jelent problémát, mert sokan csinálni - egyszerű. De a kérdés, és szépen megjeleníti a csúszka értéke képesek nem minden.
Tehát a mai cikkben fogok beszélni, hogyan lehet létrehozni egy csúszka, hogyan kap eredményeket, és hogy gondoskodjon a csúszkát.
Szóval, hol kezdjük? Kezdjük azzal, hogy megmutatom, hogyan címke elkészült csúszkát és milyen tulajdonságokat van.
van egy tag «bemeneti» létrehozására egy csúszka a HTML:
Az eredmény az lesz itt, mint:
Megjegyezzük, hogy a csúszka gomb mindig a közepén, és a különleges tulajdonsága ez lehet változtatni, azonban nem csak ezt.
- Automatikus kiegészítés - AutoComplete érték (pozíció) a csúszka.
- Autofókusz - avtomatcheskaya összpontosítva csúszka után az oldal teljesen betöltődik.
- Mozgáskorlátozottak - csúszkát. például:
- Max - meghatározza a maximális értéket a csúszka.
Az alapértelmezett érték a „100”. - Min - jelzi a minimális értéket a csúszka.
Az alapértelmezett érték „0”. - List - megteremti jelek a csúszka skála.
Megjegyzés: a neve «rangeList1». Nézd, ha megrendeltem a kódot. Ez a név bármi lehet, de egyedinek kell lennie és az írott latin betűkkel. Név egyeznie kell «lista» nevét.
Név - nevek a csúszkát.
Lépés - állítja az intervallum érték növelése (elmozdulás) a csúszkát.
Az alapértelmezett érték az „1”.
Érték - Meghatározza a számérték a csúszka, küldik a szerveren, vagy az forgatókönyvet.
Hogyan lehet megjeleníteni az értékét a csúszka?
Itt a kód, hogy helyezze be a csúszkát.
Vegye figyelembe, hogy ha zárójelben «rangeValue», majd a levezetés az eredmény is szükség van, hogy meghatározza az azonos nevű, egyébként nem fog működni:
És itt az eredmény:
Szintén az interneten található itt, oly módon, úgy tűnt nekem, nagyon érdekes:
Hogyan lehet a csúszka?
Szóval, van egy szabványos csúszkát, és megjeleníti azt minden böngésző különböző módon:
Kezdjük változtatni formájában
A Chrome, Safari és az Opera
Mégsem szabvány Webkit / Chrome stílusokat. Ahhoz, hogy ezt megtehessük, meg egy ingatlan «-webkit-megjelenés» érték «nincs»:
Most akkor add a funkciók, mint például a szegélyek, a háttérszín, szegélyléc és így tovább, hogy a szíve vágyik:
Ennek eredményeként, úgy néz ki eddig, mint ez:
Most változik a csúszkát:
A Firefox
Pszeudo”. -moz hatótávolságú-pálya »hatással lesz a sávszélesség csúszkát, majd”. -moz hatótávolságú-pálya »hatással lesz a csúszka gombot.
Az Internet Explorer
Jött viszont a legismertebb és ügyetlen, mint én, az Internet Explorer böngésző:
Tehát, ha azt szeretnénk, több vagy kevesebb csúszkák megjelennek a böngészőkben kell írni egy nagy kódot a CSS, minden böngészőben.