41.Bootstrap(中文教程)表單：Forms:表單元素 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

41.Bootstrap(中文教程)表單：Forms:表單元素

yan-bootstrap4 bootstrap4(中文教程)

Ci_Yao_Yan 2020-04-19 20:39:20 ‧ 853 瀏覽

分享至

ㄧ.Forms:表單元素

<body data-spy="scroll" data-target="#nav-demo">
  <div class="component" id="demo" style="height: 300vh">
    <label for="email">郵件地址</label>
    <input type="text" class="form-control" placeholder="Email" id="email">
    <small class="form-text text-muted">請輸入正確的電子郵件地址，接收重要的通知。</small>
  </div>
</body>



.demo.component{
  padding: 50px;
}

重點：

使用 .form-control 進行樣式化
placeholder="Email"提示訊息為本表單的Email
可以使用 .form-text創建表單中的塊級幫助文字。可以使用任何行內 HTML 元素和通用類別（如 .text-muted）靈活地實現行內幫助文字。

codepen
參考：bootstrap4

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22203 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙