# Formularz HTML - dana reprezentująca plik

Gdy chcemy, aby interesujący nas formularz HTML posiadał pole, za pomocą którego użytkownik odwiedzający nasz dokument HTML będzie mógł wybrać plik, który zechce nam przesłać, wtedy do zawartości interesującego nas formularza HTML reprezentowanego przez interesujący nas element `form` należy dodać element `input` wraz z atrybutem `type` o wartości `file`.

Przykład:

```html
<form action="./php/submit-result.php">
  <p>
    <label>
      Wybierz plik:
      <input type="file" name="plik">
    </label>
  </p>

  <p>
    <button type="submit">zatwierdź</button>
  </p>
</form>
```

Ponadto, aby jeden z mechanizmów przeglądarki internetowej mógł prawidłowo przekazać (do zasobu internetowego, którego adres określiliśmy za pomocą wartości atrybutu `action` interesującego nas elementu `form`) plik wybrany przez użytkownika odwiedzającego nasz dokument HTML, wtedy musimy zwrócić uwagę na kilka dodatkowych rzeczy.

Metodą przekazania danych formularza HTML (do zasobu internetowego, którego adres określiliśmy) musi być metoda POST. Innymi słowy do interesującego nas elementu `form` należy dodać atrybut `method` wraz z wartością `post`.

Przykład:

```html
<form action="./php/submit-result.php" method="post">
  <p>
    <label>
      Wybierz plik:
      <input type="file" name="plik">
    </label>
  </p>

  <p>
    <button type="submit">zatwierdź</button>
  </p>
</form>
```

Sposobem kodowania danych formularza HTML, które to dane w następnej kolejności trafią do zasobu internetowego, którego adres określiliśmy, musi być sposób `multipart/form-data`. Innymi słowy do interesującego nas elementu `form` należy dodać atrybut `enctype` wraz z wartością `multipart/form-data`.

Przykład:

```html
<form action="./php/submit-result.php" method="post" enctype="multipart/form-data">
  <p>
    <label>
      Wybierz plik:
      <input type="file" name="plik">
    </label>
  </p>

  <p>
    <button type="submit">zatwierdź</button>
  </p>
</form>
```

Rezultat:

<figure><img src="https://3945955358-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FR42GcKXoxIh1R4ROdsLU%2Fuploads%2FyYLd54tkYkM3D7M5MBHt%2Fimage.png?alt=media&#x26;token=2c7d6a21-0380-42ab-82ba-7dc951901664" alt=""><figcaption></figcaption></figure>
