bootstrap --- 表单
生活随笔
收集整理的這篇文章主要介紹了
bootstrap --- 表单
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
// HTML >>> 第一種樣式
<!DOCTYPE html>
<html>
<head><link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body style="padding:5px;"><form role="form"><div class="form-group"><label for="Email1">郵箱地址</label><input type="email" class="form-control" id="Email1" placeholder="Enter email"><!-- 添加 form-control 類用于將表單設置為 100% 寬度, 并添加樣式上的美化 --></div><div class="form-group"><label for="Password1">密碼</label><input type="password" class="form-control" id="Password1" placeholder="Password"></div><div class="form-group"><label for="exampleInputFile">文件上傳 </label><input type="file" id="exampleInputFile"><p class="help-block"> ...... </p></div><div class="checkbox"><label><input type="checkbox">請勾選</label></div><button type="submit" class="btn btn-default">提交</button>
</form></body>
</html>
參考 《CSS高效開發實戰》 P160
總結
以上是生活随笔為你收集整理的bootstrap --- 表单的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： vue把数据导出为Excel表格的方法
- 下一篇： 如何解压.bz2文件包