Question

我在网络表单上使用HTML5客户端验证。所有字段都运行正常，但我的文件字段未显示所需的错误，因为输入类型文件被CSS隐藏。

我的代码是：

date_default_timezone_set('Europe/Berlin');

echo strtotime('2015-03-28') - strtotime('2015-03-25'), PHP_EOL;
echo strtotime('2016-03-28') - strtotime('2016-03-25'), PHP_EOL;
echo strtotime('2017-03-28') - strtotime('2017-03-25'), PHP_EOL;
echo strtotime('2018-03-28') - strtotime('2018-03-25');

Answer 1

问题是浏览器无法聚焦隐藏的元素。简单的解决方法是使用opacity: 0或visibility: hidden代替display: none。

#imageUpload {
  opacity: 0;
}

<form>
  <input id="imageUpload" class="form-control" type="file" name="image" placeholder="Photo" capture required>
  <input type="submit">
</form>

html 5隐藏的输入类型文件需要验证

1 个答案: