form 태그 사용 방법

<form></from> 태그의 역할

 

• <form></from> 태그의 자식 <input/> 태그들의 입력 정보를 GET 또는 POST method를 이용해 웹 서버로 전송하기 위해 사용하는 태그입니다.

<form></from> 태그 사용 방법

 

<form action="http://www.naver.com" method="GET">
  <input type="text" name="name1" />
  <input type="text" name="name2" />
  <input type="submit" value="Button" />
</form>

 

action

 

• action 속성은 input 정보를 어디로 전송할지 지정할 수 있습니다.

method

 

• <form></from> 태그는 GET 또는 POST method를 이용해서 웹 서버로 데이터를 전송할 수 있습니다.

input과 name 속성

 

GET 메소드 사용 예시

 

• 전송할 데이터를 입력받은 <input/> 태그들은 반드시 name 속성을 가지고 있어야 합니다. name 속성이 있어야 위 사진에서 보이듯이 웹 서버는 GET 또는 POST 메소드를 통해 전송된 입력 정보를 사용할 수 있기 때문입니다.

input과 tyoe="submit" 속성

 

• <input type="submit"/>을 통해서 사용자가 해당 버튼을 누르면 <form></form> 태그 내부에 있는 input 데이터를 action에 지정된 웹 서버로 전송하게 됩니다.