'image'에 해당되는 글 1건
- 2007/06/05 Image Button 처리시 주의해야 할 것
<input type="image" src="image.gif" onclick="function();return false;">
Image Button은 Submit Type을 Image Submit로 대치한다고 보아야한다.
왜냐하면 button과는 구현된 속성이 조금달라서, 버튼을 누르게 되면 바로 submit이 되게 때문이다.
Form이 action되는 것을 막기 위해서는 onclick 속성에 함수를 호출하고, return false;를 적어주어서 더 이상 스크립트가 실행되지 않도록 막아야 한다.
<img> 태그를 써서 onclick event를 발생시킬 수는 있지만,
FireFox에서는 마우스 커서가 손가락으로 표시되지 않기 때문에 유저가 클릭을 하는 버튼이 아니라고 생각 할 수 있기 때문에 위의 방법을 추천한다.
Prev
