Метка для ввода файлов в Firefox

Question

Когда я добавляю метку для ввода формы, я обычно могу щелкнуть метку, и она отсылает меня к соответствующему вводу (см. Ниже).

<label for="input">Label</label><input type="text" id="input"/>

Однако, когда я пытаюсь сделать то же самое с помощью ввода файла, щелчок по метке игнорируется. Это ошибка? "Особенность"? И есть ли еще способ сделать это?

jsFiddle testcase: здесь

Answer 1

Предписанное поведение метки отличается в спецификациях HTML.

Точнее, это, вероятно, ошибка в FF (а не дополнительная функция в других), потому что это поведение обычно должно включаться в соответствии с HTML4 spec: Когда элемент LABEL получает фокус, он передает фокус на связанный с ним элемент управления.См. Ниже раздел о ключах доступа для примеров.

Текущая спецификация HTML более нюансирована, но указывает на возможность того, что она ничего не делает (это ожидаемое поведение в iOS).