매우 간단한 탐색 "메뉴"

<script> function suckerfish(type, tag, parentId) { if (window.attachEvent) { window.attachEvent("onload", function() { var sfEls = (parentId==null)?document.getElementsByTagName(tag):document .getElementById(parentId).getElementsByTagName(tag) type(sfEls) }); } } sfFocus = function(sfEls) { for (var i=0; i<sfEls.length; i++) { sfEls[i].onfocus=function() { this.className+=" sffocus"; } sfEls[i].onblur=function() { this.className=this.className.replace(new RegExp(" sffocus\b"), ""); } } } suckerfish(sfFocus, "INPUT"); suckerfish(sfFocus, "TEXTAREA"); </script> <style type="text/css"> form{ 여백: 0px auto; 너비: 450px; 테두리: 실선 1px #CCC; } .bo{ 테두리 하단: 단색 1px #CCC; } 라벨{ 부동: 왼쪽; 패딩: 10px 0px 4px 30px; } 입력{ 패딩: 1px; } 입력,텍스트 영역{ 테두리: 1px 단색 #CCC; 여백: 5px 0px; } 텍스트 영역{ 패딩: 2px; } .bt{ 너비: 38px; 높이: 20px; 글꼴 크기: 11px; 테두리: 실선 1px #CCC; 배경: #FBFBFB; 텍스트 정렬: 중앙; } .btcenter{ 텍스트 정렬: 센터; 지우기: 왼쪽; 패딩: 4px 0px 0px; } .sffocus {/*----IE의 경우----*/ 배경: #F0F9FB; 테두리: 1px 솔리드 #1D95C7; } 텍스트 영역:포커스, 입력:포커스 {/*----firefox의 경우......----*/ background: #F0F9FB; 테두리: 1px 솔리드 #1D95C7; } body { 글꼴 계열: Arial, Helvetica, sans-serif; 글꼴 크기: 12px; 색상: #666666; 여백 상단:20px; } </style> <form action="#" method="post" name="myform" id="myform"> <div class="bo"> <label>이름:</label> <input type=" text"size="20" maxlength="10" /> </div> <div class="bo"> <label>电话：</label> <input type="text" size="20" maxlength=" 16" /> </div> <div class="bo"> <label>주요：</label> <input type="text" size="30" maxlength="20" /> </div> <div class="bo"> <label>内容：</label> <textarea cols="40"rows="8"></textarea> </div> <div class="btcenter"> <input type="submit " class="bt" value="보내기" /> &nbsp; <input type="reset" class="bt" value="Reset" /> </div> </form>