HTML form 태그 html5

FORM 태그는 클라이언트 언어를 통해 사용자에게 정보를 입력받아, 서버언어로 넘겨주는 기능을 주로 담당한다. 즉, 사용자에게 폼형식으로 정보를 받아서 데이터베이스에 차곡차곡 쌓아서 나중에 활용하기 위한 첫 단계인 셈이다.
폼형식 안에는 인풋을 받아야 하니까 input태그가 있다. 인풋으로 받는 타입은 여러가지가 있는데, 대표적인 것들을 몇 개 추렸다. <label>태그는 input의 이름을 붙여준다.

어떻게 구현되는지 확인해 보면,

FORM 태그 코딩 왼쪽을 브라우저에서 구현한 것 오른쪽

<form>
<label>이름</label>
<input type="text" /><br />
<label>버튼</label>
<input type="button" /><br />
<input type="checkbox" /><br />
<input type="file" /><br />
<input type="hidden" /><br />
<input type="image" /><br />
<input type="password" /><br />
<input type="radio" /><br />
<input type="reset" /><br />
<input type="submit" /><br />

<!-- 여기서부터는 HTML5에서 새로 생긴 것이다 -->
<input type="color" /><br />
<input type="date" /><br />
<input type="datetime" /><br />
<input type="datetime-local" /><br />
<input type="email" /><br />
<input type="month" /><br />
<input type="number" /><br />
<input type="range" /><br />
<input type="search" /><br />
<input type="tel" /><br />
<input type="time" /><br />
<input type="url" /><br />
<input type="week" />
</form>