HTML의 핵심 배우기

16. 양식을 만들고 값 전송하기

<form>이란

입력 양식을 만들어 주는 <form> 태그는 사용자가 입력한 데이터를 서버로 보내는 것을 목적으로 사용하는 태그

<form>으로 입력 요소들을 감싸면, 서버에 입력 값을 전송할 수 있음

<form>의 요소

action

입력값을 전송할 서버의 url

method

클라이언트가 입력한 데이터를 어떤 식으로 전송할지(GET or POST)

• GET: 서버에 요청을 보내 응답을 받아냄
• POST: 서버에 요청을 보내 데이터를 추가/수정/삭제 한 후에 응답을 받아냄

입력요소의 name 속성

서버가 정보를 받을때 name 속성으로 항목을 구별하기 때문에 반드시 각 입력 요소에 name 속성을 추가해주어야 한다.

제출하기

submit이라는 타입의 input을 만들면 제출이라는 버튼이 만들어짐

이 버튼을 누르면 입력값들을 서버에 보낼 수 있음