개발자의 끄적끄적

[html/css] html form enctype 종류와 의미 html 태그중 form 태그를 사용해서 POST 방식으로 데이터를 전송하고자 할때 ecntype 라는 것을 사용할 수 있는데요! 이 ecntype 속성은 서버로 데이터가 넘어갈때 데이터가 인코딩되는 방법을 명시하는 속성입니다! 속성은 아래와 같이 총 3가지가 있습니다! 값 설명 application/x-www-form-urlencoded 기본값이고, 모든 데이터는 서버로 보내기 전에 인코딩 됨을 명시합니다. multipart/form-data 모든 문자를 인코딩하지 않음을 명시합니다. 주로 파일이나 이미지를 서버로 전송할 때 주로 사용함. text/plain 공백 문자(space)는 "+" 기호로 변환하지만 나머지 문자는 모두 인코딩되지 ..

[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 가 벗어났을 때 위에 나와있는 내용처럼 자주 사용하는 내용들이니 숙지하셨다가 적절하게 사용하시면 됩니다! 참고들 하세요!