Kaip sukurti žymimąjį laukelį HTML?



Naršant mėgstamose svetainėse, kai reikia pasirinkti vieną parinktį, pasirodo žymės langeliai. Čia pamatysime, kaip sukurti žymimąjį laukelį HTML.

Naršant mėgstamose svetainėse, pasirenkant vieną iš daugelio galimų variantų, pasirodo žymės langeliai. Šie žymimieji laukeliai yra sukurti specialios žymos pagalba. Šiame straipsnyje pamatysime, kaip sukurti žymimąjį laukelį HTML ir kaip veikia žymės langeliai tokia seka:





Kaip sukurti žymimąjį laukelį HTML?

Žymimasis langelis yra formos elementas, leidžiantis pasirinkti kelias parinktis iš skirtingų galimų parinkčių. Su HTMLtag sukuriami žymimieji laukeliai. Jis gali būti įdėtas į vidų arba jie gali būti vieni. Jie taip pat gali būti susieti su forma formos atributas žymos.

Štai pagrindinis pavyzdys, kaip sukurti paprastą žymimąjį laukelį:



Raudona Žalia Mėlyna

Išvestis:

žymės langelio išvestis - žymimasis langas HTML - edureka

Panagrinėkime kitą pavyzdį ir pridėkime mygtuką „Pateikti“, kad žymės langeliai galėtų tapti naudingi. Čia taip pat galite įdėti žymimuosius langelius į elementą, nurodantį puslapį, kad apdorotumėte formą.



Kuri yra jūsų mėgstamiausia spalva? Raudona Žalia Mėlyna

Rezultatas:

Išvestis:

Žymimasis laukelis ir radijo mygtukai

Radijo mygtukai leidžia vartotojui pasirinkti tik vieną parinktį. Tuo tarpu žymės langeliai leidžia vartotojui pasirinkti bet kokį skaičių variantų. Paimkime pavyzdį ir pažiūrėkime, kaip veikia radijo mygtukai ir žymės langeliai:

kaip rasti palindromą java
 

Pažymėkite langelius

Kuri yra jūsų mėgstamiausia spalva? Raudona Žalia Mėlyna

Radijo mygtukai

Pasirinkite savo lytį? Vyras Moteris nežinoma

Rezultatas:

Išvestis:

Ankstesniame pavyzdyje galite pamatyti, kad galite pažymėti kuo daugiau žymimųjų laukelių. Tai daro žymimąjį laukelį tinkamu metu, kai vartotojas turėtų galėti pasirinkti kelias parinktis. Bet jei bandysite pasirinkti daugiau nei vieną radijo mygtuką, ankstesnis pasirinkimas bus panaikintas. Tai padeda priversti vartotojus pasirinkti tik vieną variantą.

HTML žymėjimo langelio išjungimas

Galite išjungti žymimąjį laukelį naudojant išjungtą atributą. Tai galima padaryti kartu su scenarijumi, kad įjungtumėte arba išjungtumėte žymimąjį laukelį, atsižvelgiant į tai, ar įvykdyti tam tikri kriterijai.

Paimkime pavyzdį ir sužinokime, kaip galime išjungti žymimąjį laukelį:

Raudona Žalia Mėlyna

Išvestis:

kaip sukurti Java paketą

Ankstesniame pavyzdyje mes išjungėme raudoną spalvą. Taigi, iš žymimo langelio galite pasirinkti žalią ir mėlyną, bet ne raudoną spalvą.

Tuo mes pasiekėme savo straipsnio pabaigą. Tikiuosi, kad supratote, kaip veikia HTML žymės langeliai ir kaip juos galima naudoti kitaip.

Dabar, kai žinote apie HTML žymimąjį laukelį, patikrinkite pateikė Edureka. Žiniatinklio kūrimo sertifikavimo mokymai padės sužinoti, kaip sukurti įspūdingas svetaines naudojant HTML5, CSS3, „Twitter Bootstrap 3“, „jQuery“ ir „Google“ API ir įdiegti ją „Amazon Simple Storage Service“ (S3).

Turite mums klausimą? Prašau paminėti tai komentarų skiltyje „HTML žymės langelis“ ir mes su jumis susisieksime.