HTML <form>태그, <input>, <button>

* get(소량) - 보안에 취약하며 과거엔 많이 썼는데 지금은 잘 쓰지 않습니다.

* post(대량) - 보안에 강합니다.

 

 

1️⃣ 텍스트 박스

텍스트 입력이 가능한 박스가 생깁니다.

 

 

 

2️⃣ 패스워드 박스

입력된 내용이 원이나 별표로 마스킹 처리 됩니다.

 

 

 

3️⃣ 라디오 버튼

동그란 원형으로 선택 가능한 버튼이며 단 하나만 선택 가능합니다.

태그 안에 name 속성값을 꼭 같게 넣어줘야합니다.

 

 

 

 

 

4️⃣ 체크박스

중복선택 가능한 네모 선택 박스입니다.

 

 

 

 

 

 

 

5️⃣ 선택목록

Family site 박스를 만들 때 주로 쓰이며 드롭다운으로 선택영역이 구현됩니다.

← 이 예시는 맥OS에서 작업된 것이기에 윈도우에서는 다르게 보일 수 있습니다.

 

 

 

 

 

 

 

6️⃣ 다중 텍스트 박스

직접 여러줄의 텍스트를 입력하는 텍스트 박스입니다.

생성된 텍스트 박스 안에 직접 입력해도 되지만 코드 안에 입력도 가능합니다.