아래의 소스는 야후 검색창과 네이버 검색창입니다
웹페이지에서 실행시키면 폼속을 마우스로 눌렀을때 배경이미지가 사라져야하는데
아래쪽 검색창의 폼배경이미지는 사라지지만  위쪽의 것은 사라지지 않습니다 아시는분 소스 수정 부탁 드립니다

이거 하는데 몇시간 걸렸는데.....부탁드립니다^^

<div align="left">
    <table style="border-collapse:collapse;" cellspacing="0" width="200">
        <tr>
            <td width="973">
                <p> </p>
            </td>
        </tr>
        <tr>
            <td width="973" height="163" valign="top">
              

<script language="javascript">
<!--
function ch() {
document.all.p.style.backgroundImage = '';
}
//-->
</script>

<table width="179" border="0" cellspacing="0" cellpadding="0">
<form method="GET" action="http://kr.search.yahoo.com/search" target="_blank">
<tr bgcolor="#FFFFFF">
<td align="left" width="100%" height="21" valign="middle">

<input  name="p" type="text"  onclick="ch();" style="background-image:url('http://www.buraee.com/yahoo.gif'); background-repeat:no-repeat; background-position:50% 50%; BORDER-RIGHT: rgb(153,153,153) 1px solid; BORDER-TOP: rgb(153,153,153) 1px solid; BORDER-LEFT: rgb(153,153,153) 1px solid; BORDER-BOTTOM: rgb(153,153,153) 1px solid;" size="17">
<input type="image" src="http://img.yahoo.co.kr/spm/link_btn.gif" width="43" height="20" align="absmiddle">
</td>
</tr>

</form>
</table>
<!-- 야후! 통합검색 끝 -->

                
                
                

<script language="javascript">
<!--
function ch() {
document.all.query.style.backgroundImage = '';
}
//-->
</script>

<table cellpadding="0" cellspacing=0 width="179" style="border-collapse:collapse;">
<form name=search method=get target=_blank action=http://search.naver.com/search.naver>
   <tr>
      <td width="181" height="23" align="left" valign="middle">
        <input type=text name="query" onclick="ch();" style="background-image:url('http://www.buraee.com/naver.gif'); background-repeat:no-repeat; background-position:50% 50%; BORDER-RIGHT: rgb(153,153,153) 1px solid; BORDER-TOP: rgb(153,153,153) 1px solid; BORDER-LEFT: rgb(153,153,153) 1px solid; BORDER-BOTTOM: rgb(153,153,153) 1px solid;" size="17">
        <input type=image src=http://img.yahoo.co.kr/spm/link_btn.gif border=0 align=absmiddle>
        
      </td>
   </tr>
</form>
</table>
<!------네이버 검색창 끝-------></td>
        </tr>
    </table>

해피CGI 입니다.

폼을 살펴보니 자바스크립트와  name 값이 중복되어서 오류가 나는 군요.

아래 처럼 쓰시면 되겠습니다.

[프로그램코드]

<div align="left">     <table style="border-collapse:collapse;" cellspacing="0" width="200">         <tr>             <td width="973">                 <p> </p>             </td>         </tr>         <tr>             <td width="973" height="163" valign="top">                <script language="javascript"> <!-- function ch() { document.all.p.style.backgroundImage = ''; } //--> </script> <table width="179" border="0" cellspacing="0" cellpadding="0"> <form method="GET" action="http://kr.search.yahoo.com/search" target="_blank"> <tr bgcolor="#FFFFFF"> <td align="left" width="100%" height="21" valign="middle"> <input  name="p" type="text"  onclick="ch();" style="background-image:url('http://www.buraee.com/yahoo.gif'); background-repeat:no-repeat; background-position:50% 50%; BORDER-RIGHT: rgb(153,153,153) 1px solid; BORDER-TOP: rgb(153,153,153) 1px solid; BORDER-LEFT: rgb(153,153,153) 1px solid; BORDER-BOTTOM: rgb(153,153,153) 1px solid;" size="17"> <input type="image" src="http://img.yahoo.co.kr/spm/link_btn.gif" width="43" height="20" align="absmiddle"> </td> </tr> </form> </table> <!-- 야후! 통합검색 끝 -->                                                 <script language="javascript"> <!-- function ch2() { document.all.q.style.backgroundImage = ''; } //--> </script> <table cellpadding="0" cellspacing=0 width="179" style="border-collapse:collapse;"> <form name=search method=get target=_blank action=http://search.naver.com/search.naver>    <tr>       <td width="181" height="23" align="left" valign="middle">         <input type=text name="q" onclick="ch2();" style="background-image:url('http://www.buraee.com/naver.gif'); background-repeat:no-repeat; background-position:50% 50%; BORDER-RIGHT: rgb(153,153,153) 1px solid; BORDER-TOP: rgb(153,153,153) 1px solid; BORDER-LEFT: rgb(153,153,153) 1px solid; BORDER-BOTTOM: rgb(153,153,153) 1px solid;" size="17">         <input type=image src=http://img.yahoo.co.kr/spm/link_btn.gif border=0 align=absmiddle>               </td>    </tr> </form> </table> <!------네이버 검색창 끝-------></td>         </tr>     </table>

좋은 하루되세요.