Cum se face o listă drop-down folosind html

Seryozha Syroezhkin Copywriter

O listă drop-down în HTML poate fi făcută utilizând eticheta selectare. În plus față de lista drop-down (sau drop-down), eticheta selectare vă permite să creați un element de listă cu mai multe selecții. Sintaxa pentru utilizarea etichetei HTML selectate este după cum urmează:







Aici, utilizând eticheta de opțiuni, specificați elementele listate.

Atribute ale etichetei SELECT

Luați în considerare atributele etichetei selectate:

  • nume
  • dimensiune - numărul de linii afișate în listă (număr);
  • multiple - permite funcția selecției multiple a elementelor din lista derulantă;
  • dezactivat - blochează accesul la element;
  • - vă permite să asociați o listă derulantă cu un formular (poate fi necesar dacă lista însăși se află în afara formularului la care ar trebui atașată). Id-ul de formă este trecut ca un argument.






Poate că acestea sunt toate atributele principale ale etichetei selectate. care sunt cele mai des folosite. Să vedem acum cum să facem o listă drop-down în HTML folosind atributele specificate:

Atributele etichetei OPTION

Eticheta opțiunii. după cum sa menționat deja, vă permite să definiți elementele copilului din lista selectată. care, la rândul său, joacă rolul unui container. Eticheta de opțiune are propriile atribute:

  • dezactivat - stabilește o interdicție pentru selectarea acestui element din listă;
  • etichetă - vă permite să setați o etichetă pentru elementul listei curente (în loc de textul specificat în etichetă, este afișată valoarea etichetei, ceea ce vă permite să afișați valoarea abreviată); Atenție: atributul nu este acceptat în browserul Firefox
  • selectat - elementul listei curente va fi selectat în mod implicit;
  • valoare - valoarea care trebuie transmisă serverului;

Să aruncăm o privire la versiunea extinsă a etichetei opțiunii:

Rezultatul acestui exemplu va arăta astfel:

În constructorul de site-uri "Nubex" este posibil să se creeze formulare arbitrare utilizând modulul de designer de formular. Lucrarea listelor drop-down în "Nubex" este descrisă în articol: Adăugarea unui câmp de selecție







Articole similare

Trimiteți-le prietenilor: