input type="file"

[splean]

Здравствуйте.

Верстаю около полугода, но никогда еще не сталкивался с подобной задачей. Итак, есть форма добавления некоего элемента в каталог, у которой есть несколько стандартных полей имя\описание\етц. Необходимо сделать возможность прикрепить файл. Полез в гугл, сразу нашел

<input type="file">

Что видим - поле с названием файла и кнопка "Обзор". Дизайн во всех браузерах разный, хром\сафари поле с именем вообще отображают справа.

А задача такая: сделать ссылку "прикрепить файл", при нажатии на которую открывается диалоговое окно выбора файла, после выбора имя файла будет написано ниже этой ссылки. Какие дадите советы?

[DjTarik]

Читайте про стилизацию инпутов...

[splean]

Спасибо за великолепный совет. "Как построить паровоз?" "Читайте про строительство паровозов."

Это форум. Есть кто нибудь, кому не жалко двух минут на хотя бы приблизительное описание решения?

upd

http://habrahabr.ru/blogs/ui_design_and_usability/30560/

как выглядит:

http://vremenno.net/examples/file-input-styling/index.html

Edited July 5, 2009 by splean

[Veseloff]

Не понял... А зачем спрашивать, если есть готовое решение?

[Zippovich]

В свое время, я ответ на данный вопрос нашел в течении одной минуты.

Как делать? делать стандартному input'у (который файл) overflow:0 под него лепить свой дизайн, js-ом менять имя файла в текстовом поле при выборе файла.

[splean]

Не понял... А зачем спрашивать, если есть готовое решение?

upd = updated

готовое решение было найдено после того как спросил.

[Tokolist]

overflow:0

opacity: 0;