iT邦幫忙

2022 iThome 鐵人賽

DAY 18
0
Modern Web

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

<DAY 18> checks and radios (一)

  • 分享至 

  • xImage
  •  

你們好今天是鐵人賽的第18天,今天要說的是checks and radios的應用,其中有checked and no checked,另一個是indeterminate具不確定性的勾選框。

checked and no checked
<div class="form-check">
    <input class="form-check-input" type="checkbox">
    <label class="form-check-label" for="flexCheckDefault">預設不勾選</label>
</div>
<div class="form-check">
    <input class="form-check-input" type="checkbox" checked>
    <label class="form-check-label" for="flexCheckChecked">預設勾選</label>
</div>

在設定上一個已經先行勾選,另一個則沒有。

checked disabled
<div class="form-check">
    <input class="form-check-input" type="checkbox" disabled>
    <label class="form-check-label">屬性禁用勾選框</label>
</div>
<div class="form-check">
    <input class="form-check-input" type="checkbox" checked disabled>
    <label class="form-check-label">屬性禁用已勾選的勾選框</label>
</div>

很高興鐵人賽進行到第18天了!不容易呀!一下子就快結束了吧!說實在文章看到不少有趣的議題,學到不少東西呢!
好啦!我們明天鐵人賽文章見囉!byebye~:)


上一篇
<DAY 17> select (二)
下一篇
<DAY 19> checks and radios (二)
系列文
不斷片(篇)挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言