logo

HTML 폼에서 사용자의 입력과 무관한 값을 서버로 보내는 법 📂프로그래밍

HTML 폼에서 사용자의 입력과 무관한 값을 서버로 보내는 법

쇼케이스

위 폼에서 “your message"를 입력하고 제출한 뒤 주소창을 확인해보면, 입력한 값과 무관하게 “subject=statistics"가 포함되어 있는 것을 확인할 수 있다. 이는 같은 폼을 작성했더라도 작성 페이지의 용도 자체가 자체가 다르거나 사용자가 알 필요는 없지만 서버에서 알아야 하는 값이 있을 때 유용하다.

코드

HTML

<form id="example">
<input type="hidden" name="subject" value="statistics" />
<input type="text" name="input" placeholder="your message" />
<input type="submit" value="제출"></input>
</form>
  • type="hidden": 사용자가 볼 수 없는 입력 필드를 만든다. 이 필드는 폼이 제출될 때 서버로 전송된다. value 속성에 필요한 값을 채워넣는 것을 잊지 말자.