Знакомство с формами / Поле для загрузки файлов [16/18]
×

Поле для загрузки файлов [16/18]

Поле для загрузки файлов — это тег <input> с типом file. Для этого поля обязательным атрибутом является имя.

Чтобы поле заработало и браузер смог передать выбранный файл на сервер, необходимо добавить форме атрибут enctype со значением multipart/form-data. Не полю, а форме.

Кстати, внешний вид таких полей очень сильно отличается в зависимости от операционной системы и очень плохо изменяется с помощью стилей.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Поле для загрузки файлов</title> </head> <body> <h1>Профиль</h1> <form action="https://echo.htmlacademy.ru" method="post"> <p>Выберите изображение для своего аватара:</p> <!-- Добавьте поле сюда --> <input type="submit" value="Загрузить"> </form> </body> </html>
CSS
input[type="submit"] { display: block; margin-top: 10px; }
HTML Academy
  1. Задайте для формы атрибут enctype необходимый для загрузки файлов.
  2. Добавьте поле для загрузки файлов с именем avatar.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.