Salutări tuturor cititorilor din blogul meu. Astăzi vă voi spune cum să faceți o listă drop-down în html, ce etichete și atribute trebuie să utilizați și, de asemenea, în ce scopuri este posibil să aveți nevoie de ea.
Selectați eticheta și creați o listă derulantă
Deci, lista derulantă din html este creată folosind selectarea etichetei pereche. în care sunt plasate etichete de opțiune asociate. În ele sunt înregistrate toate opțiunile care vor fi oferite când faceți clic pe listă. exemplu:
Aceasta este rezultatul dintre partea de deschidere și cea de închidere a opțiunii. veți vedea pe ecran și valoarea care este conținută în atributul value. vor fi trimise la server sau procesate folosind un script.
Lista în html poate fi obișnuită și cu opțiuni multiple. Pentru a permite selectarea mai multor elemente, trebuie să adăugați un atribut multiplu gol pentru a selecta. Pentru a selecta mai multe valori, țineți apăsată tasta CTRL și apăsați butonul stâng al mouse-ului.
Un alt atribut util este dimensiunea. Acesta vă permite să alegeți câte rânduri vor apărea în lista derulantă.
Obligatoriu - atribut html5. Dacă este setat, formularul nu va fi trimis fără selectarea unei valori din lista derulantă. În general, devine obligatorie pentru alegere. În timp ce atributul nu funcționează în toate browserele.
Tag atribut
De fapt, selectați numai ca un container pentru elementele listate, ele însele sunt setate utilizând eticheta de opțiune. Are un parametru de valoare. după cum am aflat deja, dar mai există și altele. De exemplu:
Dezactivat - face ca elementul din listă să nu fie disponibil pentru selecție. Acesta va fi afișat, dar nu puteți să faceți clic pe el.
Selectat - elementul va fi selectat în mod implicit. Într-o listă normală, acest atribut fără valoare poate fi setat la un singur element, în plural - la mai multe.
Specificații importante pentru funcționarea corectă
Dacă rezultatul selecției ar trebui să fie trimis la server sau procesat prin intermediul script-urilor, puneți selectați pe formular, astfel încât să nu existe erori. Faptul este că lista drop-down a fost creată inițial ca unul dintre elementele de formă.
Pentru ce este selectat?
De obicei, poate veni la îndemână pentru dvs. dacă faceți o înregistrare pe site-ul dvs. sau doriți să efectuați un sondaj. Elementul are un dezavantaj - nu schimbă într-adevăr aspectul prin css.
În mod implicit, când faceți clic pe listă, apare un cadru albastru, elementele din listă aflate sub cursor sunt evidențiate în aceeași culoare. Pentru ca cadrul să nu apară atunci când este apăsat sau a fost evidențiat într-o altă culoare, puteți scrie acest selector:
Acum granița va fi portocalie.
De asemenea, opțiunea poate fi stilizată, dar atunci când indicați un element, fundalul devine albastru și, din anumite motive, nu se schimbă prin stiluri.
Apropo, poate vreunul dintre voi să știe cum să schimbe culoarea de fundal când treceți peste un element prin css?
Doar pentru aceasta, trebuie să utilizați programarea, și anume un ciclu. Ei bine, este deja un subiect pentru o altă conversație, dar pentru ziua de azi sunt toate informațiile pe care am vrut să le spun. Cu alte tag-uri principale din html puteți să vă familiarizați aici.
Interesant de lumea construirii site-urilor
V-ați abonat. Mulțumesc.