[html, CSS] html 태그로 만들 수 있는 인풋 종류 (1분 소요)

1. input

* 입력 인풋을 받는 태그
* 타입을 지정하여 사용 가능

<br>

 

2. text

아래와 같은 입력창이 생성된다. 
(velog에서는 html, 마크다운 언어를 둘다 지원해서 생성된 인풋 박스를 띄워줌)
<input type ="text"><br>
코드 스니펫은 다음과 같다.
```html
<input type ="text"><br>
```



<br>

3. password

3. password
text 대신 password를 타입으로 지정하면, 비밀번호 입력창처럼 인풋내용이 가려짐
<input type="password"><br>

<br>

4. Date

날짜 입력 가능
<input type="date"><br>

<br>

5. time

시간 입력 가능
<input type="time"><br>

<br>

6. range

범위 지정 가능
<input type="range"><br>

<br>

 

7. color 

컬러 지정 팔레트 띄워줌
<input type="color"><br>

<br>

8. radio

라디오 버튼 생성
<input type="radio"><br>

<br>

9. checkbox

체크박스 생성
<input type="checkbox"><br>

<br>

 

9. file

업로드할 파일 지정 가능
<input type="file"><br>