Festészeti és ellenőrizze a telefon formáját mezőt jquery
Helló kedves olvasók!
Jelölés formák
Styling formák
Mint látható, én kiadott ugyanazon helykitöltő címkét. Volt szüksége, csak nem azért, mert a normális viselkedés a plugin a megjelenése álca, ha rákattint a területen, amikor a mező elveszti a fókuszt, és az álca is eltűnik, hogy ez nem történik tettem hozzá egy helykitöltő címkét. Itt nem írtam semmit természetfeletti, így megy előre, és írj egy egyszerű jQuery script.
jQuery script
Mielőtt a záró body tag csatlakoztassa a jQuery könyvtár, bővítmény Maszkos bemenet. Nos, a script:
Amint azt veszi észre a forgatókönyvet hozzá, egy ilyen egység:
Böngésző érvényesítés nagyon egyszerű, nem kell írni a szkripteket, elég megadni a jelölő attribútum szükséges űrlap mező, ami szükséges, a standard az alábbiak szerint:
Azaz ez akár kicsi, meg kell szervezni a vizsgálat, ahol a felhasználó nézi a projekt / hely, ez lehet tenni egy másik kis jQuery plugin, ami az úgynevezett is.mobile.js (ez a mappa a fájlok a lecke), csatlakoztassa ugyanazon a helyen, ahol a a többi szkript:
A végső szakaszban
Hogy nincsenek konfliktusok, forma elrendezés, azonnal levelet a mobil böngészők:
A forma minden nagyon egyszerű:

Itt-ott, végre eljutott arra a pontra, hogy meg kell, hogy megfelelően gondoskodjon a forgatókönyvet, idézem a teljes listához script.js file:
Amint azt veszi észre, adunk hozzá egy csekket, ha (is_mobile ()!) - vagyis ha a felhasználó nem járt a helyszínen egy mobil eszköz, az alábbi változások történnek a kódban: cím attribútumokat eltávolítják. mintát. szükséges. adunk rfield osztály (ellenőrzött box).
következtetés
A fenti kód egy kicsit elavult, így frissítettem a forrásokat alább, és tegye a lista a frissített script és jelölő (lásd a stílus a forráskódot, de nem különösebben frissítve).
Változásokat: a szkript-mobile.js I letiltva - egy haszontalan dolog, maszkos bemenet és működik a mobil eszközök (a változat forráskód frissítve 1.4.1), és a script kód volt olvasható és érthető. Szintén megváltozott az elrendezés minta attribútumot input'ov eltávolítottam a felesleges.
A frissített elrendezés
A frissített script
következtetést 2
Optimalizálása Google Maps kapcsolat letiltása felesleges fájlokat stílust és betűtípust, ezáltal a jelenlegi kártya jelenléte esetén a tartály az oldalon
Ma fogom megosztani veletek a script, amit használni, hogy ellenőrizze egy egyszerű űrlap mezőt kell kitölteni, mielőtt elküldi őket a szerverre jQuery (script érvényesítheti több formában egy oldalon)
Hosszú ideig, nem írtam semmit a jQuery, valahogy kezek nem érte el. Mi megoldjuk a problémát, dolgozik a sorban a termékek / szolgáltatások / termékek, elrejti az utolsó sort, ha megváltoztatja a szélessége a vonal az elemekkel
Szeretném megosztani veletek a HTML-forrás osztályvezető, amit használni az elrendezés oldalak
Ebben a leckében megnézzük 5 cross-browser, korszerű megoldások CSS3 nagyon egyszerű elrendezés összetett, kreatív projektek. Különösen fogjuk megérteni, hogyan lehet egy az átláthatóság, árnyékok, forgatás, gradiens és inverzió elemek
Végül esett szabad pillanatot, és az Ön igénye szerint, írtam egy másik, egy kis script nem cirkuláris csúszka vízszintes görgetést, használata nélkül plug-inek
Az adaptív tervezés = = adaptív kialakítású axióma. Minimum fejlődésének története a web design: az útjába a vezetékes folyékony és reagáló (reaktív, alkalmazkodó, rugalmas) tervezés
Ma létre fog hozni egy nagyon egyszerű, azt lehet mondani, elemi ciklikus animált csúszka vízszintes görgetést a kezeddel, használata nélkül plug-inek (használhatunk több csúszkák az oldalon)