action 속성으로 전송 위치 지정하기
HTML에서 폼(form)이 제출될 때 데이터를 어디로 보낼지 지정하려면 action 속성을 사용하면 됩니다. action 속성에는 제출(Submit) 버튼을 클릭한 후 이동할 대상 페이지나 파일의 경로를 입력합니다.
또한 서버 페이지 대신 이메일 주소를 지정하여, 폼에 입력된 데이터가 해당 이메일로 전송되도록 설정할 수도 있습니다. 이 경우 mailto: 프로토콜과 함께 enctype="text/plain"을 사용하면 읽기 쉬운 일반 텍스트 형태로 데이터가 전달됩니다.
예제
다음 코드를 실행하면 HTML 폼이 제출될 때 폼 데이터를 특정 이메일 주소로 전송하도록 설정하는 방법을 확인할 수 있습니다.
<!DOCTYPE html> <html> <body> <h2>Student Contact Form</h2> <form action = "mailto:emailid@example.com" method = "post" enctype = "text/plain"> Student Name:<br><input type = "text" name = "sname"> <br> Student Subject:<br><input type = "text" name = "ssubject"><br> <input type = "submit" value = "Send"> </form> </body> </html>
코드 설명
action="mailto:emailid@example.com" — 폼 데이터가 지정된 이메일 주소로 전송됩니다.
method="post" — 데이터를 요청 본문(body)에 담아 전송하는 POST 방식을 사용합니다.
enctype="text/plain" — 인코딩 없이 일반 텍스트 형식으로 데이터를 전송합니다.
참고로 실무에서는 mailto 방식보다 서버 측 스크립트(PHP, Node.js 등)로 데이터를 처리하는 방식이 더 안정적이며 널리 사용됩니다.