select 옵션값에 이미지 주는 방법 있을까요? 정보
select 옵션값에 이미지 주는 방법 있을까요?
본문
<form name="searchforit" method="get" action="javascript:doSearch()">
<TD align=center><select name="service" style="font-size:14pt; height:26px; font-family:gulim;">
<option value="http://www.google.co.kr/search?q="><img src="/usearch/img/google.gif"></option>
<option value="http://search.naver.com/search.naver?where=nexearch&query="><img src="/usearch/img/naver.gif"></option>
<option value="http://search.daum.net/search?w=tot&nil_profile=toolbar&q="><img src="/usearch/img/daum.gif"></option>
<option value="http://search.nate.com/search/all.html?z=A&s=&tq=&q="><img src="/usearch/img/nate.gif"></option></select></TD>
<TD valign=top><input type="text" name="query" size='20' style="border:1px solid silver; height:26px; font-size:12px; font-weight:none; padding:5px; ime-mode:active;"><input type=submit value="검색" class="search-button" height:25px;></TD>
</form>
이렇게 옵션값에 이미지를 줬더니 이미지가 안나타나네요. ㅡㅡ;;
이미지를 나타나게 하려면 어떻게 해야 할까요?
<TD align=center><select name="service" style="font-size:14pt; height:26px; font-family:gulim;">
<option value="http://www.google.co.kr/search?q="><img src="/usearch/img/google.gif"></option>
<option value="http://search.naver.com/search.naver?where=nexearch&query="><img src="/usearch/img/naver.gif"></option>
<option value="http://search.daum.net/search?w=tot&nil_profile=toolbar&q="><img src="/usearch/img/daum.gif"></option>
<option value="http://search.nate.com/search/all.html?z=A&s=&tq=&q="><img src="/usearch/img/nate.gif"></option></select></TD>
<TD valign=top><input type="text" name="query" size='20' style="border:1px solid silver; height:26px; font-size:12px; font-weight:none; padding:5px; ime-mode:active;"><input type=submit value="검색" class="search-button" height:25px;></TD>
</form>
이렇게 옵션값에 이미지를 줬더니 이미지가 안나타나네요. ㅡㅡ;;
이미지를 나타나게 하려면 어떻게 해야 할까요?
댓글 전체
selet에서는 별다른 방법이 없을겁니다.
그렇군요. 이미지도 되면 좋을텐뎅...ㅡㅡ;;
이미지를 보여주는 셀렉트방식은 div ul li방식으로 디자인하시고 자바스크립트로 구현하셔야 할껍니다
