Html-koodid tabeli jaoks. Näide: atribuudi colspan kasutamine

Tervitused kõigile minu ajaveebi lugejatele. Täna räägin teile, kuidas koostada HTML-is ripploendit, milliseid silte ja atribuute peate kasutama ning ka millistel eesmärkidel võite seda vajada.

Valige silt ja looge ripploend

Seega luuakse HTML-i rippmenüü, kasutades paaris valimismärgendit, millesse paigutatakse seotud valikusildid. Just neisse salvestatakse kõik valikud, mida loendil klõpsates pakutakse. Näide:

Valige loom

Sel juhul näete, mis kuvatakse ekraanil valiku ava- ja sulgemisosa vahel ning atribuudis value sisalduv väärtus saadetakse serverisse või töödeldakse skripti abil.

HTML-i loend võib olla tavaline või valikvastustega. Et oleks võimalik valida mitu üksust, peate valimiseks lisama tühja mitme atribuudi. Mitme väärtuse valimiseks hoidke all ctrl ja vajuta hiire vasakut nuppu.

Teine kasulik atribuut on suurus. See võimaldab teil valida, mitu rida ripploendis kuvatakse.

Teine atribuut on keelatud. See muudab loendi klõpsamatuks ja mitteklõpsatavaks, kuid siiski lehel nähtavaks.

Nõutav – html5 atribuut. Kui see on määratud, ei esitata vormi ilma ripploendist väärtust valimata. Üldiselt muutub see kohustuslikuks valikuks. Kuigi atribuut ei tööta kõigis brauserites.

Option Sildi atribuudid

Tegelikult toimib valik ainult loendiüksuste konteinerina, need ise määratakse valikumärgendi abil. Sellel on väärtuse parameeter, nagu me juba teada saime, kuid peale selle on ka teisi. Näiteks:
Keelatud – muudab loendiüksuse valimiseks kättesaamatuks. See kuvatakse, kuid te ei saa sellel klõpsata.

Valitud – element valitakse vaikimisi. Tavalises loendis saab selle väärtuseta atribuudi määrata ainult ühele mitmele loendile, selle saab määrata mitmele.

Oluline selgitus õigeks tööks

Kui valikutulemus tuleb serverisse saata või skriptide kaudu töödelda, siis pane valik vormile, et vigu ei tekiks. Fakt on see, et ripploend loodi algselt ühe vormielemendina.

Milleks valikut kasutatakse?

Tavaliselt võib see teile kasulik olla, kui registreerute oma veebisaidil või soovite läbi viia küsitluse. Elemendil on puudus - see ei muuda css-i kaudu välimust kuigi hästi.

Vaikimisi kuvatakse loendil klõpsamisel sinine raam need loendi elemendid, mille kohal kursor hõljutatakse, on sama värviga esile tõstetud. Selleks, et raam ei ilmuks klõpsamisel või et see oleks erineva värviga esile tõstetud, võite kirjutada järgmise valija:

Select:focus(
kontuur: 1px ühevärviline oranž;
}

Raam on nüüd oranž.

Suvandit saab ka stiilida, kuid kui hõljutate kursorit üksuse kohal, muutub selle taust siniseks ja mingil põhjusel see stiilide kaudu ei muutu.

Option(
värvus: pruun;
taust: aqua;
}

Muide, võib-olla teavad mõned teist, kuidas css-i kaudu üksuse kohal hõljutades taustavärvi muuta?

See on praeguseks valitud sildi ja selle kasutamise kohta kõik. Selle jaoks pole html-is lisafunktsioone ette nähtud. Kõiki muid sellega seotud toiminguid saab teha javascripti ja php abil. Näiteks kui teil on vaja sünniaasta valimiseks luua loend ja seal võib olla 80-100 erinevat valikut, kas te ei kirjutaks need käsitsi?

Just seetõttu peate kasutama programmeerimist, nimelt tsüklit. Olgu, see on teise vestluse teema, kuid tänaseks on see kogu teave, mida ma teile rääkida tahtsin. Teiste peamiste siltidega saate tutvuda html-is.

Selles artiklis vaatleme elemente, mis võimaldavad teil luua ripploendeid, õpime nendes loendites rühmi moodustama, uurime, kuidas keelata üksusi ja isegi loendirühmi, tutvume elemendiga, mis võimaldab teil luua mitmerealine tekstiväli, mida saate hiljem kasutada HTML-vormide sees (element

).

Rippmenüü

Tavaliselt kuvatakse loendi esimene üksus väljavalitutena, kuid eelmääratletud valiku määramiseks saate üksusele lisada valitud atribuudi.

Lähme

</span> Näide elemendi kasutamisest <select><span>

Selles näites märgistame

Brauseris näeb see välja selline:

Menüüelementide rühmitamine

Vaatame järgmist silti , mida kasutatakse seotud andmete rühmitamiseks rippmenüüsse nimi = "must-valge" > label = "Valge nimekiri" >

Selles näites oleme märgisega esile tõstnud 2 rühma . Elemendi etiketi atribuut määrab valitud rühma nime paksus kirjas:

Järgmises näites, kasutades atribuuti keelatud tõeväärtus, keelame ühe rühma (" B-grupp"):

</span> Näide HTML-märgendi keelatud atribuudi kasutamisest <optgroup><span>

Meie näite tulemus:

Loendi ja mitmikvalimise keelamine

</span> Keelatud ja mitme sildi atribuudid <select><span>

Selles näites lõime kaks ripploendit. Esimese loendi jaoks kasutasime atribuuti keelatud, mis takistab loendiga suhtlemist (keelab selle).

Teise loendi jaoks kasutasime atribuuti mitu, mis näitab, et loendis on võimalik valida korraga mitu valikut (läbi Ctrl Windowsis ja kaudu Käsk Macis).

Brauseris näeb see välja selline:

Tekstiala

Meie näite tulemus:

Tekstiala keelamine

Analoogiliselt eelnevalt käsitletud sildielementidega




type = "submit" name = "submitInfo" value = "submit" > !}

Selles näites oleme loonud kaks tekstiala (element