Bootstrap5 文件(File)

半兽人 发表于: 2020-07-29   最后更新时间: 2021-04-22 17:12:33  
{{totalSubscript}} 订阅, 2,961 游览

默认文件上传示例,多文件文件上传示例,小文件输入示例,大文件输入示例。

<div class="mb-3">
  <label for="formFile" class="form-label">Default file input example</label>
  <input class="form-control" type="file" id="formFile">
</div>
<div class="mb-3">
  <label for="formFileMultiple" class="form-label">Multiple files input example</label>
  <input class="form-control" type="file" id="formFileMultiple" multiple>
</div>
<div class="mb-3">
  <label for="formFileDisabled" class="form-label">Disabled file input example</label>
  <input class="form-control" type="file" id="formFileDisabled" disabled>
</div>
<div class="mb-3">
  <label for="formFileSm" class="form-label">Small file input example</label>
  <input class="form-control form-control-sm" id="formFileSm" type="file">
</div>
<div>
  <label for="formFileLg" class="form-label">Large file input example</label>
  <input class="form-control form-control-lg" id="formFileLg" type="file">
</div>

在线运行

更新于 2021-04-22

查看bootstrap5更多相关的文章或提一个关于bootstrap5的问题,也可以与我们一起分享文章