RekenaarsProgrammering

Hoe om 'n drop-down list in die HTML maak

Die eenvoudigste drop-down list in die HTML is maklik om te skep met behulp van die kode te kies. Hierdie houer tag, etikette ingeboude opsie in dit - dit is hulle wat die lys items te stel.

Daar is verskeie opsies lyste, wat kan gedoen word deur kies die tag: drop-down list (die opsies val na die druk op die hoof gebied of hang oor dit), en 'n lys van meervoudige keuse - in dit die gebruiker verskeie items kan kies. Die eerste is meer algemeen, hulle is 'n belangrike element van die moderne navigasie webwerwe. Die drop-down list verskeie keuses kan word, byvoorbeeld, in die dopgehou waar jy 'n paar kenmerke van die goedere te kies.

Verander die voorkoms en eienskappe van lyste, kan jy universele en besondere eienskappe te gebruik.

kies tag eienskappe

1. Meervoudige - spesifiseer meervoudige keuse.

2. Grootte - spesifiseer die nommer van sigbare lyne in die lys, wat die hoogte. En dan is dit hang alles af van, verskeie kenmerk teenwoordig is of nie. As dit so is, en jy hoef nie grootte bed spesifiseer, dan in die teenwoordigheid van verskeie gebruikers sal al jou opsies te sien, maar as verskeie ontbreek, is getoon dat slegs een lyn wees, en die ander gebruiker in staat om te lees, wanneer te klik op die ikoon van die hysbak op die regterkant sal wees. As die hoogte van die grootte gespesifiseer, en dit is minder as die aantal opsies op die regte rolbalk verskyn.

3. Noem - naam. Die drop-down list gedoen kan word sonder dat dit, maar dit mag nodig wees om in wisselwerking met die program-hanteerder op die bediener wees. As 'n reël, is die naam nog aangedui.

Kies tag het geen vereiste eienskappe, in teenstelling met die opsie tag.

Eienskappe verbonde tag opsie

  1. Gekies - wat ontwerp is om 'n lys item na vore te bring. Die gebruiker kan meer as een item toeken, as jy verskeie kenmerk (sien. Bo) stel.
  2. Waarde - waarde. Hierdie kenmerk word vereis. Die webbediener moet verstaan presies wat lys items die gebruiker gekies.
  3. Etiket. Op die baie lang lys van elemente kan verminder word met behulp van hierdie kenmerk. die administratiewe sentrum van Lombardy - byvoorbeeld, sal die skerm "Milan", in plaas van die opsie etiket "Milan vertoon. Noord-Italië. " Hierdie kenmerk word ook gebruik om die groep die items in die lys.

Soos vir die breedte van die lys, dit verstek aan die lengte van die wydste teks in die lys. Natuurlik, kan die wydte verander word deur gebruik te maak van HTML style.

Die drop-down lys op ander maniere

Dit kan gedoen word met CSS, byvoorbeeld, sal die lys verskyn wanneer jy hover oor 'n bladsy item. Uitstekende geleenthede vir die maak van lyste gee JavaScript, wat die werk jQuery biblioteek vergemaklik. Die drop-down list wat verband hou met hierdie biblioteek, kan baie kompleks, soos 'n waterval wees. Dit wil sê, wanneer jy 'n item kies in 'n lys sal die volgende lys verskyn, byvoorbeeld, is daar menu "Vroue se klere" (wanneer jy hover druppel soorte klere), dan wanneer 'n mens van die spesies, byvoorbeeld, "Tops" drop-down list met die elemente: baadjies, parke, rokke, rokke en so aan. n.

Ons het 'n lys van die belangrikste oppervlakkige maniere waarop jy 'n drop-down list kan skep. Natuurlik is daar baie nuanses in die HTML, in die CSS en in JavaScript, wat jou toelaat om die funksie en voorkoms van lyste sienings verander.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 af.unansea.com. Theme powered by WordPress.