Элемент INPUT - как дать ему метку в firefox

Я хочу настроить метку для кнопки выбора файла на странице. Он не является частью ФОРМЫ.Элемент INPUT - как дать ему метку в firefox

Но элементы INPUT/LABEL ведут себя по-разному в Firefox и Chrome. Оба они показывают HTML аналогично. Однако в Chrome, нажав кнопку «Выбрать файл», вы запускаете селектор файлов, но ничего не делает в Firefox. Я не уверен, что с ним не так.

<input type="file" accept="csv" fileread="selectedFile" id="filenameselector" style="display:none"> 
<label class="btn btn-small btn-info" for="filenameselector">Select File</label>

Отслеживание событий в firefox firebug показывает, что элемент ввода получает щелчок, но ничего не делает.

click clientX=49, clientY=20 » input#filenameselector 
DOMActivate » input#filenameselector

См http://jsfiddle.net/9rCQD/

Будет очень ценим вашу помощь. Благодарю.

источник

2013-12-06 Dinesh

Попробуйте добавить 'имя =«filenameselector»' на вход – pstenstrm

не может воспроизвести на Firefox 25.0.1 (Win 7): виджет выбора файлов запускается , Протестировано как с jsfiddle, так и со страницей, содержащей только код в вопросе. Пожалуйста, предоставьте дополнительную информацию. –

@pstenstrm спасибо! он работает – Dinesh

См комментарии для двух подходов, чтобы решить, что было очевидно ошибка Firefox

источник

2013-12-08 01:25:16 Dinesh

Элемент INPUT - как дать ему метку в firefox

ответ

Смежные вопросы