iT邦幫忙

0

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

ㄧ.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


尚未有邦友留言

立即登入留言