Tento článok vás prevedie vytvorením prepínača HTML pomocou praktického príkladu.
Ako pridať prepínač do HTML?
Ak chcete pridať prepínač do HTML, postupujte podľa nižšie uvedenej syntaxe:
< vstup typu = 'rádio' názov = '' hodnotu = '' >
Tu je popis uvedenej syntaxe:
- “ typu ”: Tento atribút určuje, aký typ vstupu chcete vytvoriť, napríklad text, rádio, začiarkavacie políčko a ďalšie. Ak chcete vytvoriť prepínač, hodnota atribútu musí byť nastavená ako „radio“.
- “ názov ”: Definuje názov vstupného prvku. Tento atribút by mal byť rovnaký pre zoznam prepínačov.
- “ hodnotu ”: Toto určuje hodnotu, ktorá bude odoslaná na server, keď je prepínač označený ako začiarknutý.
Príklad: Pridanie prepínača do HTML
Tento príklad bude diskutovať o postupe pridania prepínača do HTML pomocou prepínača vstupu. In
Krok 1: Vytvorenie súboru HTML
Najprv pridajte značku
Vo vytvorenom prvku
- Najprv pridajte „ ” na pridanie nadpisu na stránku.
- Potom ' ” pre odsek alebo riadok textu.
- Potom sa pridá vstupná značka s atribútom „ typu 'mať hodnotu' rádio “, názov sa nastaví ako výber a „ hodnotu “ ako “ červená “. Každému prepínaču s rovnakým názvom sú priradené rôzne hodnoty. Rovnaký názov predstavuje rovnakú skupinu alebo zoznam.
- Ak chcete pridať tlačidlo, ktoré je štandardne označené ako začiarknuté, priraďte atribút „ skontrolované “ na toto tlačidlo.
- Nakoniec, „ <štítok> ” prvok na každom prepínači sa používa na pridávanie titulkov. Poskytuje tiež lepšiu dostupnosť.
Nižšie uvedený kód je interpretáciou vyššie uvedeného scenára:
< h1 > Prepínač HTML h1 >< p > Aká je vaša obľúbená farba? p >
< vstup typu = 'rádio' názov = 'vybrať farbu' hodnotu = 'červená' skontrolované >
< štítok pre = 'radio1' > Červená štítok >
< br >
< vstup typu = 'rádio' názov = 'vybrať farbu' hodnotu = 'Modrá' >
< štítok pre = 'radio1' > Modrá štítok >
< br >
< vstup typu = 'rádio' názov = 'vybrať farbu' hodnotu = 'zelená' >
< štítok pre = 'radio1' > zelená štítok >
< br >
< vstup typu = 'rádio' názov = 'vybrať farbu' hodnotu = 'Fialová' >
< štítok pre = 'radio1' > Fialová štítok >
< br >
< vstup typu = 'rádio' názov = 'vybrať farbu' hodnotu = 'iní' >
< štítok pre = 'radio1' > Iní štítok >
Je vidieť, že prepínače sú úspešne vytvorené:
Štýly môžete použiť aj na vyššie vytvorený prepínač podľa nižšie uvedeného kódu CSS.
Krok 2: Použitie štýlu na HTML
' div ” označuje značku div, ktorú sme vytvorili v súbore HTML:
- Po prvé, „ farba pozadia vlastnosť je nastavená ako #8197f0 “.
- “ hranica vlastnosť je nastavená ako 5px bodkovaný #13023a “, kde 5px predstavuje šírku orámovania, bodkované označuje typ čiary a ďalšie označuje farbu orámovania.
- “ vypchávka “ je nastavený ako “ 20px 100px ” kde 20px určuje výplň zhora a zdola a 100px označuje výplň zľava a sprava.
- Pre štýl písma priraďte „ font-family “hodnota nehnuteľnosti ako “ kurzíva “.
CSS
div {farba pozadia: #8197f0;
orámovanie: 5px bodkované #13023a;
padding: 20px 100px;
veľkosť písma: 20px;
font-family: kurzíva;
}
Je vidieť, že prvok div je štylizovaný úspešne:
To je všetko! Podrobne sme vysvetlili prepínač HTML.
Záver
Prepínač je vstup, ktorý sa vždy zobrazuje v skupinách dvoch alebo viacerých možností. Z tejto skupiny môže používateľ vybrať iba jednu možnosť. V HTML je možné vytvoriť prepínač pomocou „