iT邦幫忙

2022 iThome 鐵人賽

DAY 19
0
Modern Web

不斷片(篇)挑戰系列 第 19

<DAY 19> checks and radios (二)

  • 分享至 

  • xImage
  •  

你們好今天是鐵人賽的第19天,今天一樣要說的是checks and radios中的radios使用方法。

單選的radios

單選radios
<div class="form-check">
    <input class="form-check-input" type="radio">
    <label class="form-check-label">
        單選勾選框
    </label>
</div>
<div class="form-check">
    <input class="form-check-input" type="radio" checked>
    <label class="form-check-label">
        單選已勾選的勾選框
    </label>
</div>

這個radio在這個form-check裡,只能存在一個已勾選的框。

radio disabled

radio disabled
<div class="mx-5 my-3 border border-3 border-dark">
    <div class="form-check">
        <input class="form-check-input" type="radio" disabled>
        <label class="form-check-label">屬性禁用的單選radio</label>
    </div>
    <div class="form-check">
        <input class="form-check-input" type="radio" checked disabled>
        <label class="form-check-label">屬性禁用的單選已勾選的radio</label>
    </div>
</div>

各位大佬們好!再過11天就完賽啦!各位有堅持住嗎?
好啦!今天先這樣囉!我們明天見~bye~


上一篇
<DAY 18> checks and radios (一)
下一篇
DAY 20 checks and radios中的form-switch和堆疊 (三)
系列文
不斷片(篇)挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言