ورودی فایل

      <div class="field is-grouped">
          <div class="control">
              <div class="file">
                  <label class="file-label">
                      <input class="file-input" type="file" name="resume">
                      <span class="file-cta">
                          <span class="file-icon">
                              <i class="fas fa-cloud-upload-alt"></i>
                          </span>
                          <span class="file-label">
                              Choose a file…
                          </span>
                      </span>
                  </label>
              </div>
          </div>
      
          <div class="control">
              <div class="file is-default">
                  <label class="file-label">
                      <input class="file-input" type="file" name="resume">
                      <span class="file-cta">
                          <span class="file-icon">
                              <i class="fas fa-cloud-upload-alt"></i>
                          </span>
                          <span class="file-label">
                              Choose a file…
                          </span>
                      </span>
                  </label>
              </div>
          </div>
      
          <div class="control">
              <div class="file is-primary">
                  <label class="file-label">
                      <input class="file-input" type="file" name="resume">
                      <span class="file-cta">
                          <span class="file-icon">
                              <i data-feather="upload"></i>
                          </span>
                          <span class="file-label">
                              Choose a file…
                          </span>
                      </span>
                  </label>
              </div>
          </div>
      
          <div class="control">
              <div class="file is-success">
                  <label class="file-label">
                      <input class="file-input" type="file" name="resume">
                      <span class="file-cta">
                          <span class="file-icon">
                              <i class="lnil lnil-lg lnil-cloud-upload"></i>
                          </span>
                          <span class="file-label">
                              Choose a file…
                          </span>
                      </span>
                  </label>
              </div>
          </div>
      </div>
      

      <div class="field is-grouped">
          <div class="control">
              <div class="file is-boxed">
                  <label class="file-label">
                      <input class="file-input" type="file" name="resume">
                      <span class="file-cta">
                          <span class="file-icon">
                              <i class="lnil lnil-32 lnil-cloud-upload"></i>
                          </span>
                          <span class="file-label">
                              Choose a file…
                          </span>
                      </span>
                  </label>
              </div>
          </div>
      
          <div class="control">
              <div class="file is-boxed is-default">
                  <label class="file-label">
                      <input class="file-input" type="file" name="resume">
                      <span class="file-cta">
                          <span class="file-icon">
                              <i class="lnil lnil-32 lnil-cloud-upload"></i>
                          </span>
                          <span class="file-label">
                              Choose a file…
                          </span>
                      </span>
                  </label>
              </div>
          </div>
      
          <div class="control">
              <div class="file is-boxed is-primary">
                  <label class="file-label">
                      <input class="file-input" type="file" name="resume">
                      <span class="file-cta">
                          <span class="file-icon">
                              <i class="lnil lnil-32 lnil-cloud-upload"></i>
                          </span>
                          <span class="file-label">
                              Choose a file…
                          </span>
                      </span>
                  </label>
              </div>
          </div>
      </div>
      

      <div class="field is-grouped">
          <div class="control">
              <div class="file has-name is-fullwidth">
                  <label class="file-label">
                      <input class="file-input" type="file" name="resume">
                      <span class="file-cta">
                          <span class="file-icon">
                              <i class="lnil lnil-lg lnil-cloud-upload"></i>
                          </span>
                          <span class="file-label">
                              Choose a file…
                          </span>
                      </span>
                      <span class="file-name light-text">
                          22082020_project_budget.xls
                      </span>
                  </label>
              </div>
          </div>
      </div>
      

      <div class="field is-grouped">
          <div class="control">
              <div class="file has-name is-fullwidth is-right">
                  <label class="file-label">
                      <input class="file-input" type="file" name="resume">
                      <span class="file-cta">
                          <span class="file-icon">
                              <i class="lnil lnil-lg lnil-cloud-upload"></i>
                          </span>
                          <span class="file-label">
                              Choose a file…
                          </span>
                      </span>
                      <span class="file-name light-text">
                          22082020_project_budget.xls
                      </span>
                  </label>
              </div>
          </div>
      </div>