HTML: файл загрузки формы

Question

Я пытаюсь создать форму в HTML5 для загрузки файла на сервер. Мой HTML-код следующий

<form action='upload.php' method='post' enctype='multipart/form-data'>
  Select file to upload:
  <input type='file' name='fileToUploadNep'>
  <input type='submit' value='submit'></form>;

но в качестве вывода я получаю это

Нет способа выбрать файл с жесткого диска. Может кто-нибудь, пожалуйста, помогите мне?

Answer 1

Используйте внутренний стиль CSS следующим образом:

<form action='upload.php' method='post' enctype='multipart/form-data'>
  Select file to upload:
  <input type='file' name='fileToUploadNep' style="display:block" >
  <input type='submit' value='submit'></form>

Answer 2

Возможно, это ошибка вашего веб-браузера. Код отлично работает в моем веб-браузере. Только что попробовал в браузере Chrome. Я не знаю, почему вы добавили эту точку с запятой в конец кода:

<form action='upload.php' method='post' enctype='multipart/form-data'>
  Select file to upload:
  <input type='file' name='fileToUploadNep'>
  <input type='submit' value='submit'></form>

; Код работает правильно. Спросите разработчика вашего веб-браузера. Скриншот, снятый с моего компьютера ... Если у вас есть другая форма на веб-странице и вы хотите скрыть один из ее элементов ввода, просто добавьте в нее простой класс hidden и в своем файле CSS добавьте .hidden{display: none} и все! или самый простой способ - добавить встроенный стиль к элементу input.file. Это заменит стиль, написанный в вашем файле CSS. Образец: <input type='file' name='fileToUploadNep' style="display: inline-block">