在文件类型输入字段上添加占位符属性

Question

有没有一种方法可以为文件类型的输入框设置占位符？

我已经尝试了jquery watermark插件，但它不起作用。

- MegaNairda

---

在文件输入上不应该放置占位符。它接受一个文件。我想不出任何情况下需要任何关于如何格式化他们输入的文本或示例或其他任何占位符设计的提示。你的使用场景是什么？（希望不是“避免使用<label>”，因为placeholder明确不是该元素的替代品）。 - Quentin

如果用户没有上传任何内容，我只想显示默认值。 - MegaNairda

默认情况下实际上没有选择任何文件。只是如果用户没有提供任何文件，系统将使用默认文件。 - MegaNairda

@Quentin：这里有一个使用占位符会很方便的情况。在WordPress自定义文章插件中，我有一个通常用于上传文件的表单。一旦用户选择了文件并更新了文章，文件就会被上传并根据新数据刷新编辑页面（PHP）。在这种情况下，已经选择了一个文件，但是“input”元素误导性地显示“未选择文件”。如果它可以显示已上传文件的URL而不是一个愚蠢的、强制性的说法，那么它看起来就不会那么愚蠢了。 - JohnK

@JohnK — 这似乎更适合使用链接到当前上传的文件和一个文件输入<label>，标记为“用新文件替换foo.jpeg”来处理。 - Quentin

Answer 1

<input type="file">不应该使用占位符属性。占位符通常用于给出输入的提示。而文件输入本身就是一个浏览按钮，很明显它就是用于选择文件的。如果没有选择文件，它就会在按钮旁边显示"未选择文件"。

原因：

1. 在某些浏览器中，它只会显示为一个按钮。
2. 它已经有了无法更改的默认文本。
3. 每个浏览器都会以自己的方式呈现它。
4. IE不支持占位符文本。

- talha2k