Bagaimana untuk membuat pemilihan radio dalam css-tutorial css-php.cn

Bagaimana untuk membuat pemilihan radio dalam css

醉折花枝作酒筹

Lepaskan： 2023-01-07 11:45:39

asal

5141 orang telah melayarinya

Dalam CSS, anda boleh menggunakan objek radio untuk membuat pilihan radio Anda hanya perlu menetapkan gaya "" dalam elemen input. Butang radio mewakili satu set butang pilihan yang saling eksklusif apabila satu butang dipilih, butang yang dipilih sebelum ini menjadi tidak dipilih.

Bagaimana untuk membuat pemilihan radio dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

1. Sintaks kawalan butang radio

<input name="Fruit" type="radio" value="" />

Salin selepas log masuk

Gunakan teg input html, nama disesuaikan, jenis ialah bentuk "radio",

Butang radio wakil objek dalam bentuk HTML.

Setiap kali muncul dalam bentuk HTML, objek Radio dicipta.

Butang radio mewakili satu set butang pilihan yang saling eksklusif. Apabila butang dipilih, butang yang dipilih sebelum ini menjadi tidak dipilih.

Apabila butang radio dipilih atau dinyahpilih, butang itu akan mencetuskan pengendali acara onclick.

Anda boleh mengakses objek Radio dengan menggelung melalui tatasusunan elemen [] borang, atau dengan menggunakan document.getElementById().

2. Contoh sintaks butang radio radio

kod html



  
    
    
    
    Document
  
  
    
      您最喜欢水果？


      <input name="Fruit" type="radio" value="" />苹果 
      <input name="Fruit" type="radio" value="" />桃子 
      <input name="Fruit" type="radio" value="" />香蕉 
      <input name="Fruit" type="radio" value="" />梨 
      <input name="Fruit" type="radio" value="" />其它

Salin selepas log masuk

tangkapan skrin

Bagaimana untuk membuat pemilihan radio dalam css

Pembelajaran yang disyorkan: tutorial video css

Atas ialah kandungan terperinci Bagaimana untuk membuat pemilihan radio dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!