웹모아[손님]

검색    로그인/회원가입



 

버턴관련테그

△[RE] [JavaScript] input type=file의 이미지 버튼달기   2006-08-05 22:43:18 댓글:(0)   조회:342

URL복사





방법1. <div style="position:absolute; height:61; width:20; background-image:url(" target=_blank>http://blogimgs.naver.com/imgs/btn_addphoto.gif); clip:rect(0 61 20 0)"> <input type=file name=attachedfile style="width:0;height:20;filter:alpha(opacity=0);"> </div>   방법2. ＜input type="text" name="tmpfile"＞ ＜img src="search.gif" border="0" onClick="filename.click()"＞ ＜input type="file" name="filename" hidden＞ 방법3. <script>     function file_browse()     {         document.board_write.formFile.click();         document.board_write.formFile_view.value=document.board_write.formFile.value;         //alert(document.board_write.formFile.value);     } </script>         <input type="file" name="formFile"style="display:none;">         <input name="formFile_view" type="text" class="seb4" style="background-repeat:no-repeat; background-position:left; background-color:#FBFBFB; border-width:1px; border-color:#F3D1F9; border-style:solid; height:20px; " size="86">  <a href="javascript: file_browse()"><img src="../images/but_file.gif" width="48" height="16" border="0" align="absmiddle"></a> 방법4.       <input name="formFile_view" type="text" size="70" class="seb4" style="background-repeat:no-repeat; background-position:left; background-color:#FBFBFB; border-width:1px; border-color:#F3D1F9; border-style:solid; height:20px; " onChange="formFile.value=formFile_view.value;">       <input name="formFile" type="file" class="seb4" style="width:0;filter:alpha(opacity=10);display:none;background-repeat:no-repeat; background-position:left; background-color:#FBFBFB; border-width:1px; border-color:#F3D1F9; border-style:solid; height:20px;" tabindex="3" size="0">       <a href="javascript:;" onClick="formFile.click();formFile_view.value=formFile.value;"><img src="../images/but_file.gif" width="48" height="16" border="0" align="absmiddle"></a>

실행해보기   (실행2) 





 댓글 (0)   댓글(0)   <<더보기>>



버턴관련테그

페이지: 1 / 1



△label 태그	9233
△  [RE] Label 태그를 Image로 하기	7148
△Select 꾸미기 optgroup 사용(홈마스타)	7111
△체크박스라디오버튼체크유무검사.html(홈마스타)	7991
△input type="file" 의 value값(홈마스타)	7101
△  [RE] input type=\(홈마스타)	6924
△  [RE] input type=\(홈마스타)	6942
△input 버턴의 모양(홈마스타)	6889
△중보입력 방지 루틴(홈마스타)	8393
△파일업로드 버턴을 이미지로(홈마스타)	393
△  [RE] [JavaScript] input type(홈마스타)	343
△    [RE] [JavaScript] input typ(홈마스타)	350
△버터느 글상자 꾸미기(홈마스타)	380
△체크박스가 하나이상 체크 되었는지 검사하는 루틴(홈마스타)	353
△셀렉트박스 보이는 리스트 갯수 조정(홈마스타)	346
△파일 업로드 버턴을 이미지로 만들기(홈마스타)	346
△  [RE] 파일 업로드 버턴을 텍스트로 만들기(홈마스타)	470
△    [RE] 파일 업로드 버턴을 텍스트로 만들기(홈마스타)	344
△  [RE] 파일 업로드 버턴을 이미지로 만들기-다른 (홈마스타)	338
△INPUT 을 다양하게 표현하기(홈마스타)	359
△버튼에 링크걸기(홈마스타)	372
△버턴크기 모양 색상 변경(홈마스타)	400
△버턴 모양 부드럽게 - style 사용(홈마스타)(1)	328
△버턴 태그 관련 팁(홈마스타)(2)	308
△폼 전송 버턴(홈마스타)	399

[1]

제목,내용 제목 내용 이름 and or 기본검색 그룹검색 복수단어 검색은 공백(space)로 구분해 주세요. 1