Instrucţiuni 

Filtrarea și validarea datelor PHP. Greșeli frecvente. Filtre de imagine CSS Pregătirea unei interogări SQL și preluarea datelor din baza de date

Folosind pseudo-class:checked, puteți comuta stările elementelor, cum ar fi casetele de selectare sau butoanele radio. În acest tutorial, vom explora această proprietate CSS3 prin crearea unui filtru de portofoliu experimental care va comuta stările elementelor de un anumit tip.

Acest tutorial a fost inspirat de experimentul genial al lui Roman Komarov „Filtrarea elementelor fără JS”, ​​în care folosește casete de selectare și butoane radio pentru a filtra formele colorate.

Marcaj HTML

Să începem cu marcajul. Scopul nostru este să creăm patru butoane de filtrare, după ce facem clic pe care vor apărea sau vor dispărea elementele de portofoliu corespunzătoare. Deci, vom folosi mai multe butoane radio, toate având același nume, deoarece trebuie să aparțină aceluiași grup (deci un singur buton radio va avea o stare „verificată”). În mod implicit, dorim ca toate butoanele radio să fie selectate sau bifate. Vom adăuga câteva etichete pentru butoanele radio, pe care le vom folosi pentru a ascunde butoanele radio. Făcând clic pe etichetă, se va selecta butonul radio cu id-ul corespunzător:


Toate >


Web Design >


Ilustrare >


Design icoană >

>