Žymėjimai yra būtina elementas tinklalapių formose, ypač kuomet svarbu suteikti vartotojams galimybę pasirinkti, pavyzdžiui, sutikti su taisyklėmis arba prenumeruoti naujienlaiškį. Šiame Veiksmas aptariu pagrindinius žymėjimų aspektus, paaiškinu jų veikimą ir suteikiu tau palaipsniui nurodymus, kaip panaudoti žymėjimus savo formose.
Žymėjimai ne tik leidžia paprastus Taip/Nei pasirinkimus, bet gali būti svarbūs naudojant juos kartu su kitais formos valdikliais. Šiame Vadove gaunate būtiną informaciją, kaip tinkamai įdiegti ir naudoti žymėjimus.
Svarbiausi išvados
- Žymėjimai yra puikus įrankis dvejopose sprendimuose formose.
- Kai žymėjimas neįjungtas, jis nebus išsiųstas.
- Neužkrypęs žymėjimo numatytoji vertė laikoma tuščia.
- Tu gali turėti žymėjimus numatytoje būsenoje, naudodamas atributą 'checked'.
- Žymėjimų veikimo principų supratimas yra esminis teisingo formos duomenų tvarkymo požiūriu.
Palaipsniui instrukcija
1 žingsnis: Žymėjimų sukūrimas
Pradėk kurti savo žymėjimus HTML. Kiekvienam žymėjimui, kad būtų galima identifikuoti jo vertę siunčiant formą, reikia atributo type="checkbox" ir pavadinimo savybės.
Šiame pavyzdyje mes kuriame dvi žymėjimus: vieną dėl taisyklių patvirtinimo ir kitą dėl naujienlaiškio gavimo. Abu žymėjimai identifikuojami pavadinimais "accept TNCs" ir "receive Newsletter".
2 žingsnis: Formos nustatymas
Nustatyk savo formą naudodamas GET arba POST metodą. Šiame pavyzdyje naudojame GET metodą, todėl galėsime matyti pasirinkimą URL parameter.
Štai paprastas pavyzdys formos su žymėjimais. Įsitikink, kad žymėjimai yra įdėti į <form>-Tagą, kad duomenys būtų teisingai tvarkomi.
3 žingsnis: Siunčiamų duomenų tikrinimas
Išsiųsk formą be aktyvuotos žymėjimo. Pastebėsi, kad nieko neatsiranda URL.
Ypatingumas dėl žymėjimų yra tas, kad jei jie nėra pažymėti, jie neperduoda vertės. Tai reiškia, kad jie nepasirodo URL parametruose, todėl GET metodu atitinkamas įrašas yra tuščias.
4 žingsnis: Priskirti reikšmes žymėjimams
Aktyvuok pirmąjį žymėjimą ir vėl išsiųsk formą. Tik aktyvuoti žymėjimai bus rodomi siunčiamuose duomenyse.
Siųsdamas bus perduota tik tai žymėjimas, kuris iš tikrųjų buvo pasirinktas. Šiuo atveju matysi konkretų pavadinimą ir reikšmę aktyvuotam žymėjimui formos duomenyse.
5 žingsnis: Numatytoji vertė
Nustatyk žymėjimą numatytai pasirinktą pridėjęs atributą checked prie atitinkamo žymėjimo.
Naudodamas atributą checked, žymėjimas bus jau aktyvuotas puslapio įkėlimo metu. Tai naudinga, jei norite, kad tam tikri pasirinkimai būtų numatyti.
6 žingsnis: Vartotojo įvesties tvarkymas
Kai vartotojas siunčia formos įvestis, patikrink žymėjimų vertes. Tikėkis, kad perduotuose duomenyse bus tik pažymėtų langelių pavadinimai.
Svarbu užtikrinti, kad jūsų serverinis puslapis (pvz., serveris kaip Node.js su Express) galėtų tinkamai reaguoti į tuščias arba neegzistuojančias vertes.
Santrauka
Šiame vadove išmokai pagrindus, kaip naudoti žymimukus interneto formose. Dabar žinai, kaip sukurti žymimus, suprasi, kaip jie veikia, ir kaip užtikrinti, kad duomenys būtų teisingai perduoti. Žymimukai suteikia paprastą būdą užfiksuoti vartotojų pageidavimus ir turėtų būti įtraukti į kiekvieną interneto formą.
Dažnai užduodami klausimai
Koks skirtumas tarp žymimukų ir radijo mygtukų?Žymimukai leidžia pasirinkti daugiau galimybių, tuo tarpu radijo mygtukai leidžia pasirinkti tik vieną iš daugelio.
Kodėl URL parametruose nerodoma žymimukė, jei ji neprisegta?Neprisegta žymimukė neturi vertės, todėl ji nėra siunčiama kartu su formos duomenimis.
Kaip nustatyti, kad žymimukė pagal nutylėjimą būtų "pažymėta"?Pridėk checked atributą prie žymimukės savo HTML kodui.
Ar galiu aktyvuoti keliolika žymimukių vienu metu?Taip, vartotojai gali vienu metu pasirinkti kelias žymimukes formoje.
