form 기초 기본 1. form태그

목차

• 활용예시
• 코드 설명

---

---

1. text - value

- 기본값은 사용자의 입력 값에 의해 지워질 수 있으며, 참고용을 보여준다.

- 한번 지워지면 다시 복구 할 수 없다.

---

2. text - placeholder

- 사용자가 placeholder에 적힌 내용을 쓰게 유도하는 효과가 있다.

- 한번 지워져도 계속 다시 사용가능하다.

 

---

3. label 

- input 태그에 라벨을 달 수 있다.

---

4. label - list

- 리스트로 원하는 datalist에서 사용자의 선택을 받을 수 있다.

---

5. select

- label 과 비슷하지만 모양이 다르다.

- value 값을 전달한다.

---

6.password

- 입력 시 다음과 같이 식별 불가능하게 표현된다.

7.checkbox

- 체크박스 형태로 원하는 값을 선택할 수 있다.

---

8.radio

- checkbox와 유사한데 모양이 다르다.

- 원형이다.

 

---

9. radio - name

- 종류를 구별할 수 있다.

---

10. radio - name - value

- value 값을 정할 수 있다.

---

11. file

- file을 받을 수 있다.

<br> 의미 : 한칸씩 띄운다.

---

12. color

- 색을 선택할 수 있다.

---

13. number

-숫자를 정수형으로 위, 아래 스크롤을 통해 선택할 수 있다.

---

14. range

- 범위를 정할 수 있다.

- 음량같은 곳에 사용 가능하다.

---

15. date / datetime / datetime-local

- 날짜를 저장하는 타입의 유형들이다.

 

---

16. reset / submit

-초기화 및 제출 버튼이다.