개발자의 끄적끄적

[html/css] html form enter submit disable example / html 폼 엔터 submit 방지하는 방법 html 에서 form 데이터를 다루다 보면 버튼을 클릭시 폼이 전송되게 처리를 합니다! 그중에서 버튼의 타입도 button 이고 잘 설정되어 있는데 엔터키 입력시 submit 이 실행되서 페이지가 새로고침 되는 경우가 있는데요! 그럴때는 아래와 같은 방법으로 처리하시면 됩니다! 바로 onsubmit 옵션을 이용하는 방법인데요! onsubmit="return false;" 위와 같은 옵션을 아래 나온 내용처럼 form 에 추가하시면 됩니다! 참고들 하세요!

[html/css] html form event list / html 폼 이벤트 종류 html 에서 form 을 다루다 보면 폼에서 일어나는 이벤트를 알아야 적절하게 사용할 수 있습니다! 아래는 폼의 이벤트를 정리한 내용입니다. submit : 전송 버튼을 눌렀을 때 reset : 리셋 버튼을 눌렀을 때 change : 요소의 내용에 변화가 생겼을 때 focus : 요소가 선택되었을 때 blur : 요소의 focus 가 벗어났을 때 위에 나와있는 내용처럼 자주 사용하는 내용들이니 숙지하셨다가 적절하게 사용하시면 됩니다! 참고들 하세요!