Buton radio - grup de comutatoare în formă html, trebachev dmitry

Etichete de bază

Etichetă de service

  • doctype
    html versiune
  • html
    eticheta principală pe pagină
  • cap
    conținutul paginii de servicii
  • corp
    conținutul principal al paginii
  • titlu
    titlul întregii pagini
  • legătură
    Conexiune CSS
  • stil
    Conexiune CSS
    pe pagina HTML
  • scenariu
    script-uri de conectare
  • meta
    echipele de service






  • formă
    formă
  • intrare
    câmp de introducere
  • casetă de selectare
    bifați caseta de selectare
  • radio
    comutator radio
  • parolă
    parola
  • prezenta
    trimiteți butonul de formular
  • restabili
    formează butonul de resetare
  • buton
    buton
  • textarea
    câmp de introducere multiplă
  • selecta
    lista drop-down
  • opțiune
    lista de elemente derulante
  • Optgroup
    gruparea de articole
  • etichetă
    eticheta pentru câmpul de intrare
  • FIELDSET
    gruparea câmpurilor de formular
  • legendă
    semnătură asupra grupării câmpurilor
  • datalist
    AutoComplete

Atribute pentru Formulare

  • nume
    numele câmpului de introducere
  • tip
    tip de câmp de intrare
  • valoare
    conținutul câmpului de introducere
  • înlocuitor
    tooltip în câmpul de introducere
  • verificat
    bifată
  • selectat
    elementul de listă selectat
  • invalid
    element inactiv
  • formă
    legătura cu formularul
  • necesar
    obligatoriu pentru a umple
  • model
    inspecție
    prin expresie regulată
  • autofocus
    focalizare automată
  • Completare automată
    anulează completarea automată
  • enctype
    metoda de codare
  • spellcheck
    ortografie
  • tabindex
    tranziție
    prin intermediul tastei Tab
  • accesskey
    hotkeys
  • listă
    link către tag-ul datalist

Etichete rare

Atributele de bază

  • tabel
    tabel
  • tr
    tabel rând
  • td
    celule de tabel
  • lea
    tabelul celulei antetului
  • tbody
    partea principală a tabelului
  • TFOOT
    partea inferioară a mesei
  • dinlicitația
    partea de sus a mesei
  • legendă
    titlul întregii mese

Atribute pentru tabele

  • cellpadding
    liniuță de la frontiera
    (depreciat în HTML5)
  • cellspacing
    spațiu între celule
    (depreciat în HTML5)
  • colspan
    uniune
    coloanele mesei
  • rowspan
    uniune
    rândurile mesei

Etichete HTML5 pentru aspect

  • antet
    antet
    la începutul paginii
  • principal
    conținut
    conținutul principal al paginii
  • deoparte
    bara laterală
    partea laterală a paginii
  • subsol
    subsol
    partea de jos a paginii
  • nav
    navigare (meniu)
  • articol
    TODO. teren
  • secțiune
    Secțiunea TODO a site-ului

Atribute pentru layouts

Etichete media

Direcția textului

  • cod
    cod
  • var
    variabil
  • mămăligă
    rezultatul scenariului
  • kbd
    text introdus pe tastatură
  • XMP
    etichete ca text simplu
    (eticheta nu este standard)

Elemente rare

  • date
    pentru stocarea datelor în js
  • dir
    direcția textului
    Descrierea TODO este incorectă!
  • lang
    limbă de text
  • contenteditable
    editarea textului
  • ascuns
    ascunderea unui element

Comutatorul radio este un element al formularului HTML sub forma unui buton rotund care poate fi marcat și nu.







Butonul radio este creat folosind eticheta de intrare cu atributul type din radioul de valori.

Rezultatul executării codului:

Un comutator radio este aproape niciodată folosit. acestea ar trebui să fie utilizate de grup. În acest caz, numai unul dintre comutatoare poate fi marcat în grup. Comutatoarele vor genera un grup numai dacă au aceeași valoare pentru atributul name (vezi exemplele de mai jos).

Consultați și atributul verificat. ceea ce face ca marcatorul radio să fie marcat în mod implicit.

Vezi și pseudo-clasa verificată. care stabilește stilurile pentru casetele de selectare sau radiourile bifate.

A se vedea și atributul dezactivat. care blochează elemente de formă, și pseudo-clase dezactivate și activate. care fixează stiluri la elementele blocate și deblocate.

Consultați și eticheta etichetei. care pot fi utilizate împreună cu comutatoarele radio (și cu alte elemente de formă).

În acest exemplu, se fac două comutatoare radio. Prima este marcată (de când este verificată), iar cea de-a doua nu este. În acest caz, întrerupătoarele sunt un grup. în care numai una dintre ele poate fi marcată (deoarece acestea au aceeași valoare a atributului name).

Rețineți că aceste butoane radio au valori diferite pentru atributul value. Acest lucru este necesar pentru ca după trimiterea datelor către server, PHP să poată determina care dintre comutatoare a fost selectat:

Rezultatul executării codului:

În acest exemplu, se fac două grupuri de comutatoare radio. primul grup are o valoare a numelui de atribut (radio1), iar al doilea are alta (radio2). Încercați să faceți clic pe ele, veți vedea că grupurile comută independent:

Rezultatul executării codului:

Etichete de bază

Etichetă de service

  • doctype
    html versiune
  • html
    eticheta principală pe pagină
  • cap
    conținutul paginii de servicii
  • corp
    conținutul principal al paginii
  • titlu
    titlul întregii pagini
  • legătură
    Conexiune CSS
  • stil
    Conexiune CSS
    pe pagina HTML
  • scenariu
    script-uri de conectare
  • meta
    echipele de service
  • formă
    formă
  • intrare
    câmp de introducere
  • casetă de selectare
    bifați caseta de selectare
  • radio
    comutator radio
  • parolă
    parola
  • prezenta
    trimiteți butonul de formular
  • restabili
    formează butonul de resetare
  • buton
    buton
  • textarea
    câmp de introducere multiplă
  • selecta
    lista drop-down
  • opțiune
    lista de elemente derulante
  • Optgroup
    gruparea de articole
  • etichetă
    eticheta pentru câmpul de intrare
  • FIELDSET
    gruparea câmpurilor de formular
  • legendă
    semnătură asupra grupării câmpurilor
  • datalist
    AutoComplete

Atribute pentru Formulare

  • nume
    numele câmpului de introducere
  • tip
    tip de câmp de intrare
  • valoare
    conținutul câmpului de introducere
  • înlocuitor
    tooltip în câmpul de introducere
  • verificat
    bifată
  • selectat
    elementul de listă selectat
  • invalid
    element inactiv
  • formă
    legătura cu formularul
  • necesar
    obligatoriu pentru a umple
  • model
    inspecție
    prin expresie regulată
  • autofocus
    focalizare automată
  • Completare automată
    anulează completarea automată
  • enctype
    metoda de codare
  • spellcheck
    ortografie
  • tabindex
    tranziție
    prin intermediul tastei Tab
  • accesskey
    hotkeys
  • listă
    link către tag-ul datalist

Etichete rare

Atributele de bază

  • tabel
    tabel
  • tr
    tabel rând
  • td
    celule de tabel
  • lea
    tabelul celulei antetului
  • tbody
    partea principală a tabelului
  • TFOOT
    partea inferioară a mesei
  • dinlicitația
    partea de sus a mesei
  • legendă
    titlul întregii mese

Atribute pentru tabele

  • cellpadding
    liniuță de la frontiera
    (depreciat în HTML5)
  • cellspacing
    spațiu între celule
    (depreciat în HTML5)
  • colspan
    uniune
    coloanele mesei
  • rowspan
    uniune
    rândurile mesei

Etichete HTML5 pentru aspect

  • antet
    antet
    la începutul paginii
  • principal
    conținut
    conținutul principal al paginii
  • deoparte
    bara laterală
    partea laterală a paginii
  • subsol
    subsol
    partea de jos a paginii
  • nav
    navigare (meniu)
  • articol
    TODO. teren
  • secțiune
    Secțiunea TODO a site-ului

Atribute pentru layouts

Etichete media

Direcția textului

  • cod
    cod
  • var
    variabil
  • mămăligă
    rezultatul scenariului
  • kbd
    text introdus pe tastatură
  • XMP
    etichete ca text simplu
    (eticheta nu este standard)

Elemente rare

  • date
    pentru stocarea datelor în js
  • dir
    direcția textului
    Descrierea TODO este incorectă!
  • lang
    limbă de text
  • contenteditable
    editarea textului
  • ascuns
    ascunderea unui element






Trimiteți-le prietenilor: