[HTML] input태그를 알아보자. (폼태그)

1. input 태그란?

 사용자로부터 정보를 입력 받을수 있게 해주는 태그.

 type속성을 통해 다양한 입력 양식을 사용할수 있음.

 

2. input 태그의 형식

<input type="text" vlaue="초기값" name="이름" />

- 닫는태그는 따로 없으며, 기본적으로 type, vlaue, name 속성들이 있다.

- type : 입력태그의 유형을 설정하는 속성

- value : 입력 태그의 초기값을 설정하는 속성

- name : 서버로 전달되는 이름을 설정하는 속성

 

3. checkbox와 radio

- 둘의 속성과 사용법은 같지만, checkbox만 다중 선택이 가능하다.

 

4. hidden, reset

- hidden :  사용자에게 입력받지 않고, 제출시 vlaue값에 설정된 값을 서버로 보낸다.

- reset : form태그안에 입력된 input태그들의 값을 초기화 시켜준다. 다시작성 버튼만들때 사용함.

 

5. submit, button

- submit : 서버로 form의 데이터를 보냄. (action사용, 값들이 'action'태그에 지정된 페이지로 넘어간다. )

- button : 버튼이 만들어진다.

 검색결과 input타입에서의 button보다는 '<button>'이 더 시멘틱하지 않냐는 말도 있다. <button>은 인터페이스 조작을 위한 버튼을 정의할 때 사용한다. 주로 자바스크립트를 이용한 기능 구현에 많이 사용된다. input type="submit"는 기본적으로 동일하다.

 

 

---

참고한 블로그

- webphp.tistory.com/5

- humahumahuma.tistory.com/232

- m.blog.naver.com/PostView.nhn?blogId=zzzfkqpsej&logNo=221106791078&proxyReferer=https:%2F%2Fwww.google.com%2F