Kā izveidot nolaižamo izvēlni Dreamweaver

Jūs varat ievietot marķējumu pirms vai pēc nolaižamās izvēlnes.

Piekļuves atslēga

Šis ir atslēga, kuru var izmantot kopā ar Alt vai Option taustiņiem, lai nokļūtu tieši šīs veidlapas laukā. Tādējādi jūsu veidlapas ir ļoti viegli izmantot bez peles nepieciešamības.

Cilnes indekss

Šis ir kārtojums, kurā, izmantojot tastatūru, vajadzētu piekļūt veidlapas laukam, lai atvērtu tīmekļa lapu.

Kad esat atjauninājis pieejamības iespējas, noklikšķiniet uz Labi.

Izvēlieties Izvēlne

Kad Dreamweaver dizaina skatā ir redzama jūsu nolaižamā izvēlne, tai ir jāpievieno dažādi elementi. Vispirms izvēlieties nolaižamo izvēlni, noklikšķinot uz tā. Dreamweaver nodos vēl vienu punktinātu līniju ap nolaižamo izvēlni, lai parādītu, ka esat to izvēlējies.

Izvēlnes rekvizīti

Īpašuma izvēlne mainīsies uz nolaižamo izvēlni saraksta / izvēlnes rekvizītus. Tur jūs varat piešķirt savai izvēlnei ID (kur tas saka "izvēlieties"), izlemt, vai vēlaties, lai tas būtu lis vai izvēlne, piešķirtu tai stila klasi no jūsu stila lapas un piešķirtu nolaižamajā sarakstā vērtības.

Kāda ir atšķirība starp sarakstu un izvēlni?

Dreamweaver aicina izvēlnes nolaižamo izvēlni jebkurā nolaižamajā izvēlnē, kas ļauj veikt tikai vienu atlasi. "Saraksts" ļauj nolaižamajā izvēlnē veikt vairākas iespējas un var būt lielāks par vienu vienumu.

Ja vēlaties, lai nolaižamajā izvēlnē būtu vairākas līnijas, mainiet to uz "saraksta" veidu un atstājiet atzīmi no izvēles rūtiņas.

Pievienot jaunus saraksta vienumus

Lai izvēlnē pievienotu jaunus vienumus, noklikšķiniet uz pogas Saraksta vērtības …. Tas atvērs iepriekš minēto logu. Ievadiet savas preces marķējumu pirmajā lodziņā. Tas parādīsies lapā. Ja atstājat vērtību tukšu, tas ir arī tas, kas tiks nosūtīts formā.

Pievienot vairāk un pārkārtot

Lai pievienotu vairāk vienumu, noklikšķiniet uz pluszīmes ikonas. Ja vēlaties sarakstu atkārtoti pasūtīt, izmantojiet augšupvērsto un lejupvērsto bultiņu pa labi.

Piešķiriet visu vērtību vērtības

Kā es minēju 8. solī, ja atstājat vērtību tukšu, etiķete tiks nosūtīta uz veidlapu. Bet jūs varat norādīt visas savas preces vērtības - nosūtīt alternatīvu informāciju savai veidlapai. Jūs to izmantosiet daudz, piemēram, izlēkt izvēlnes un hipersaiti.

Izvēlieties noklusējumu

Tīmekļa vietnes noklusējums nozīmē, ka vispirms tiek parādīts viss nolaižamais vienums kā noklusējuma vienums. Bet, ja vēlaties atlasīt citu, atzīmējiet to izvēlnē Rekvizīti lodziņā "Sākotnēji izvēlēti".

Skatiet savu sarakstu dizaina skatā

Kad esat pabeidzis rediģēt rekvizītus, Dreamweaver parādīs jūsu nolaižamo sarakstu ar noklusējuma vērtību.

Skatiet savu sarakstu kodu skatā

Ja pārejat uz koda skatu, jūs varat redzēt, ka Dreamweaver pievieno jūsu nolaižamo izvēlni ar ļoti tīru kodu. Vienīgie papildu atribūti ir tie, kurus mēs pievienojām ar pieejamības iespējām. Kods ir izliekts un ļoti viegli lasāms un saprotams. Tas pat iezīmē atlasītā = "selected" atribūtu, jo es teicu Dreamweaver, ka es noklusēju rakstīt XHTML.

Saglabājiet un skata pārlūkprogrammā

Ja jūs saglabājat dokumentu un apskatāt to tīmekļa pārlūkprogrammā, varat redzēt, ka jūsu nolaižamā izvēlne izskatās tā, kā jūs to sagaidāt.

Bet tas nedara kaut ko …

Iepriekš izveidotā izvēlne izskatās labi, taču tā neko nedara. Lai to paveiktu kaut kas, jums ir jāizveido formas darbība uz veidlapas.

Par laimi, Dreamweaver ir iebūvēta nolaižamā izvēlne, kuru varat izmantot nekavējoties savā vietnē, bez nepieciešamības uzzināt par veidlapām, CGI vai skriptiem. To sauc par Jump Menu.

Dreamweaver Jump izvēlne izveido nolaižamo izvēlni ar nosaukumiem un URL. Tad jūs varat izvēlēties vienumu izvēlnē, un Web lapa pārvietosies uz šo vietu, tāpat, ja jūs būtu noklikšķinājis uz saites.

Atveriet izvēlni Ievietot un izvēlieties formu un pēc tam izvēlni Pārlēkt.

Pārlēkt izvēlnes logu

Atšķirībā no standarta nolaižamās izvēlnes, Jump izvēlnē tiek atvērts jauns logs, kurā varat norādīt izvēlnes vienumus un pievienot detalizētu informāciju par formas darbību.

Pirmajam vienumam mainiet tekstu "untitled1" uz to, ko vēlaties lasīt, un pievienojiet URL, uz kuru šai saitei vajadzētu iet.

Pievienot vienumus jūsu Jump izvēlnē

Noklikšķiniet uz pievienošanas vienuma, lai pievienotu jaunu vienumu jūsu izlēkt izvēlnē. Pievienojiet tik daudz priekšmetu, cik vēlaties.

Pārlēkt izvēlnes opcijas

Kad esat pievienojis visas vajadzīgās saites, jums vajadzētu izvēlēties savas opcijas:

Atvērt URL

Ja jums ir frameset, varat atvērt saites citā rūtī. Vai arī jūs varat mainīt galvenā loga opciju uz īpašu mērķi, lai URL atvērtu tajā jaunā logā vai citur.

Izvēlnes nosaukums

Piešķiriet savai izvēlnei unikālu lapas kodu. Tas ir vajadzīgs, lai skripts darbotos pareizi. Tas arī ļauj jums izveidot vairākas izvēlnes lēciena vienā veidā - vienkārši dodiet viņiem visus dažādus vārdus.

Ievietot pogas Go pēc izvēlnes

Man patīk to izvēlēties, jo reizēm skice nedarbojas, kad izvēlne mainās. Tas ir arī pieejamāks.

Izvēlieties pirmo vienumu pēc URL maiņas

Izvēlieties šo opciju, ja pirmajā izvēlnes vienībā ir tāda uzvedne kā "Izvēlieties vienu". Tas nodrošinās, ka šis vienums lapā paliek nemainīgs.

Pārlēkt izvēlnes dizaina skatu

Tāpat kā ar savu pirmo izvēlni, Dreamweaver izveido lēcienu izvēlni dizaina skatījumā, izmantojot noklusējuma elementu. Pēc tam varat rediģēt nolaižamo izvēlni, piemēram, jebkuru citu.

Ja to rediģējat, noteikti neaizstājiet nevienu elementu ID, pretējā gadījumā skripts var nedarboties.

Pārlēkt izvēlni pārlūkprogrammā

Saglabājot failu un sasniedzot F12, tiks parādīta jūsu vēlamā pārlūkprogramma. Tur jūs varat izvēlēties opciju, noklikšķiniet uz "Iet" un izvēlnē "Pārlēkt" darbojas!