iT邦幫忙

2022 iThome 鐵人賽

DAY 15
0
Modern Web

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

<DAY 15> form controls (三) [bootstrap 5]

  • 分享至 

  • xImage
  •  

大家好今天是鐵人賽的第15天喔!不知不覺就過了一半的賽奇了呢!各位有沒有順利的完成比賽至今日,希望各位能完成至比賽結束喔!很高興能從這裡,接收到其他更有趣的主題,能知道更多不同的題目,學到更多關於資工方面的小技巧。接下來就是今天的主題囉!

表單控制-選擇檔案

formFile
<div class="mb-3">
    <label for="formFile" class="form-label">大小Default的選擇檔案表單</label>
    <input class="form-control" type="file" id="formFile">
</div>
<div class="mb-3">
    <label for="formFileMultiple" class="form-label">大小Multiple的選擇檔案表單</label>
    <input class="form-control" type="file" id="formFileMultiple" multiple>
</div>
<div class="mb-3">
    <label for="formFileSm" class="form-label">大小Small的選擇檔案表單</label>
    <input class="form-control form-control-sm" id="formFileSm" type="file">
</div>
<div>
    <label for="formFileLg" class="form-label">大小Large的選擇檔案表單</label>
    <input class="form-control form-control-lg" id="formFileLg" type="file">
</div>
<div class="mb-3">
    <label for="formFileDisabled" class="form-label">屬性Disabled的選擇檔案表單</label>
    <input class="form-control" type="file" id="formFileDisabled" disabled>
</div>

表單控制-選擇顏色

form-control-color
<label class="form-label" for="exampleColorInput">點擊格子選擇顏色</label>
<input class="form-control form-control-color" type="color" id="exampleColorInput" value="#000000">

今天是鐵人賽的第15天喔!還有半個月就結束了呀!說快不快,說慢不慢,希望各位能順利完賽,期待完賽的那一天到來,感謝各路大老們觀看文章。


上一篇
<DAY 14> form controls (二) [bootstrap 5]
下一篇
<DAY 16> select (一)
系列文
不斷片(篇)挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言