Form & input태그

Form태그는 정보를 서버에 알리기 위해 사용된다.

Form태그의 속성으론 name, action, method, target 등이 있으며, 

name은 전송될 데이터의 이름

action은 전송되는 서버의 URL

target은 현재 창이 아닌 다른 창에서 열게 끔 하기

method는 서버로 데이터를 전송하는 방식 (GET or POST)

등이 있다.

 

<form action="">
     <fieldset>
         <legend>정보</legend>
         이름 : <input type="text"> </br>
         이메일 : <input type="text">
     </fieldset>
</form>

위와 같이 로그인 페이지를 만들 수 있는데 fieldset 태그로 전송할 데이터를 감싸주고 legend 태그로 이름을 짓고, input 태그로 정보를 입력하게끔 한다.

<button type="submit">전송</button>
<input type="submit">

전송 버튼도 button태그와 input태그의 type으로 만들 수 있다.

<label for="name">이름</label>
<input type="text" id="name">

이런식으로 label 태그의 for 값과 input 태그의 id 값을 맞추면 "이름"을 누르면 input 태그가 선택됨