Bootstrap5 文件（File）

bootstrap5
表单

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

<div<div class="mb-3">
  <label for="formFile">
  <label for="formFile" class="form-label">
  <label for="formFile" class="form-label">Default file input example</label>
  <input class">
  <label for="formFile" class="form-label">Default file input example</label>
  <input class="form-control" type="file" id="formFile">
</div>
<divlabelmFile" classrm-labelel">Defaultt file input example
  <input">
  <label for="formFile" class">
  <label for="formFile" class="form">
  <label for="formFile" class">
  <label for="formFile" class="form">
  <label for="formFile" class="form">
  <label for="formFile" class">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">Defaultlabel">
  <label for="formFile" class">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">Default file input">
  <label for="formFile" class="form">
  <label for="formFile" class="form">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">Default file input example</label">
  <labellabel forle" classbel">Default">
  <label for="formFile" class="form">
  <label for="formFile" class">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">Default">
  <label for="formFile" class="form">
  <label for="formFile" class="form">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">Default file input example</label>
  <input">
  <labellabelor="formFilemFile" class class="form>Defaultinput">
  <label for="formFile" class="form-label">Default <label">
  <label for="formFile" class="form-label">
  <label for="formFile" class">
  <label for="formFile" class="form">
  <label for="formFile" class="form">
  <label for="formFile" class">
  <label for">
  <label for="formFile" class="form-label">Default filelabel forFile" class">
  <label for="formFile" class="form-label">
  <label for="formFile" class="form">
  <label for="formFile" class="form">
  <label for="formFile" class="form">
  <label for="formFile" class="form">
  <label for="formFile" class="form">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">Default file input example</label>
  <inputlabelmFile" classbel">Default">
  <label for="formFile" class="form-label">Default file input example</label<labelFile" classorm-label">
  <label for="formFile" class="form-label <label">
  <label for="formFile" class="form">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">Default file input">
  <label for="formFile" class="form-label">Default file input">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">Default file input example</label>
  <input class">
  <labellabelor="formFilee" classformault file example</label>
  <input class="form">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">Default file inputlabel for="formFile" class="form-label">Default file input example</label">
  <label for="formFile" class="form-label">Default file input">
  <label for="formFile" class="form-label">Default file input example</label">
  <labelmFile" classss="form>Default">
  <label for="formFile" class="form-label<labelFile" class">
  <label for="formFile" class="form <label">
  <label for="formFile" class="form-label">Default file input">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">
  <label for="formFile" class="form-label">Default">
  <label for="formFile" class="form-label">Default file">
  <label for="formFile" class="form-label">Default file">
  <label for="formFile" class="form-label">Default file input example</label>
  <input class="form-control" type="file" id="formFile">
</divlabelor="formFileass="formfault file">
  <label for="formFile" class="form-label">
  <label for="formFile" class="form-label">Default">
  <label for="formFile" class="form-label">Default">
  <label for="formFile" class="form-label">
  <label for="formFile" class="form-label">Default">
  <label for="formFile" class="form-label">Default">
  <label for="formFile" class="form-label">
  <label for="formFile" class="form-label">Default file input example</label">
  <label formFile" class="formbel">Default file">
  <label for="formFile" class="form-label">Default file input example">
  <label for="formFileFile" classass="form="formlabel">
  <label for="formFile" class="form-label <label for="formFile" class="form-label">
  <label for="formFile" class="form-label">Default file input">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">Default file input">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">Default file input example</label>
  <input class="formlabelile" classDefault file input example</label>
  <input class">
  <label for="formFile" class="form-label">Default file input">
  <label for="formFile" class="form">
  <label for="formFile" class">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">Default file input example</label>
  <input class="form-control" type">
  <labellabelor="formFilemFile" class="form-label>Default">
  <label for="formFile" class="form-label">Default file input">
  <label for="formFileFile" class="form-label">
  <label for="formFile" class="form-label">Default <label">
  <label for="formFile" class">
  <label for="formFile" class">
  <label for="formFile" class="form-label">Default file input example">
  <label for="formFile" class">
  <label for="formFile" class="form">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">Default file input exampleor="formFile">Default file input example">
  <label for="formFile" class="form-label">Default file input example">
  <label for="formFile" class="form">
  <label for="formFile" class">
  <label for="formFile" class="form-label">Default">
  <label for="formFile" class="form">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">Default file input example</label>
  <inputlabelmFile" classbel">Default">
  <label for="formFile" class="form-label">Default file input example</label">
  <label for" classm-labelabel">Default">
  <label for="formFile" class="form-label">Default">
  <label for">
  <label for="formFile" class">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">
  <label for="formFile" class="form-label">Default">
  <label for="formFile" class="form-label">
  <label for="formFile" class="form-label">Default">
  <label for="formFile" class="form-label">
  <label for="formFile" class="form-label">Default file input example</label>
  <input class="form-control" type="file" idlabelle" classel">Defaultile inputexample">
  <label for="formFile" class="form-label">Default file input example</label>
  <input class="form-control">
  <label for="formFile" class">
  <label for="formFile" class="form">
  <label for="formFile" class="form">
  <label for="formFile" class="form">
  <label for="formFile" class="form-label">Default file input example</label>
  <input class="form-control" type="file" id="formFile">
</div>
<div class="mblabel for="formFile="form">Defaultxample</labelinputss="form" typed="formFile">
  <label for="formFile" class="form-label">Default file input example</label>
  <input class="form-control">
  <label<label for" class="form-label">
  <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">
  <label for="formFileMultiple" class="form">
  <label for="formFileMultiple" class">
  <label for="formFileMultiple" class">
  <label for="formFileMultiple" class="form">
  <label for="formFileMultiple" class">
  <label for="formFileMultiple" class="form-labellabel">
  <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>

在线运行