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

这可能是您的网络浏览器出错。 该代码在我的Web浏览器上运行良好。刚刚在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>

; 该代码正常工作。询问您的网络浏览器的开发人员。 Screenshot, taken from my computer... 如果您在网页上还有另一种形式，并且想要隐藏其中的一个输入元素，只需向其添加简单的hidden类，然后在您的CSS文件中添加.hidden{display: none}就可以了！ 或者，最简单的方法是向input.file元素添加内联样式。它将覆盖写在CSS文件上的样式。 样本：<input type='file' name='fileToUploadNep' style="display: inline-block">

Answer 2

使用内部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>