2011-03-22 4 views
1

많은 HTML 튜토리얼에서 입력 파일 유형을 표시하고 버튼을 누르면 파일 유형을 선택합니다. 클릭하면 대화 상자가 열리면서 하드 드라이브에서 파일을 선택하지만 동일한 코드를 실행할 때 browse.I 말 측면에있는 버튼을 사용하여 텍스트 입력 상자가 여기에 코드입력 파일 유형

enter code here <input type="file" id="flupload" name="fileupload/> 
+1

자습서 중 하나에 연결하여 달성하고자하는 것을 알 수 있습니까? –

+0

자습서에 대한 링크를 제공하거나 일부 스크린 샷을 제공하십시오. –

+0

Google 크롬에서 이것을 시도하면 텍스트 상자가 표시되지 않습니다. –

답변

6

입니까? 내가 그렇게 어떻게 같은 결과를 얻고 싶은 모든 브라우저가 자신의 파일 입력 요소의 스타일을 가지고있다. "찾아보기"버튼이있는 텍스트 상자는 선택한 브라우저가 사용하는 스타일입니다. 너는 그것을 바꿀 수 없다.

file inputs

+0

+1 사실은 당신이 그것을 변경할 수 없다, 당신은 해킹 방법으로 자신의 것으로 교체 (또는 플래시를 사용하는 하나를 사용). – alex

+0

당신은 그것을 보이지 않게 할 수 있고 자신이 만든 버튼 위에 놓을 수 있습니다. 저는 디자이너를 행복하게 만들기 위해이 작업을 몇 번했습니다. –

+1

예, 주위를 해킹 할 수는 있지만 잘못했을 경우 사용자의 기대치와 접근 가능성에 위배됩니다. 웹을위한 디자인은 무엇보다도 모든 사람들이 모두 동일하게 보일 것이라는 생각을 극복 할 필요가 있습니다. – deceze

0

파일 입력 타입의 디스플레이는 그래서 당신은 브라우저를 전환해야 다른 디스플레이를 얻기 위해 브라우저에 따라 달라집니다.

0

작은 CSS로 만들기가 쉽습니다 ... 실제 파일 입력 요소를 완전히 불투명하게 만든 다음 더미 꼭대기에 바로 배치하십시오. 하지만 일부 호버 (hovers)를 만드는 데는 다소 시간이 걸릴 수 있습니다.

는 여기에 몇 가지 튜토리얼입니다 http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom http://www.quirksmode.org/dom/inputfile.html

그 도움을 희망!

+0

자습서에 감사드립니다. – katie

관련 문제