iT邦幫忙

2022 iThome 鐵人賽

DAY 23
0
Modern Web

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

<DAY 23> floating labels (二)

  • 分享至 

  • xImage
  •  

大家好!今天是鐵人賽的第23天,今天是國慶連假的第一天,差點就忘了要發文,好險系統會提示。
今天一樣要說的是floating labels[bootstrap 5]的一些基礎設定。

textarea的高度

高度
<div class="form-floating">
    <textarea class="form-control" placeholder="textarea"></textarea>
    <label>form-control的textarea會跟input有相同的高度</label>
</div>

style:height屬性設定

height屬性

rows屬性來自定義textarea的高度,而使用height屬性。
今天的文章就這麼結束囉!祝各位雙十連假快樂!我們明天見!


上一篇
<DAY 22> floating labels (一)
下一篇
DAY 24 floating labels中的form-select (三)
系列文
不斷片(篇)挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言