> input 태그
- 값을 입력받을 수 있는 대화형 컨트롤을 만드는 단일 태그.
- 기본적으로 인라인 요소이며, type 속성과 함께 사용함.
> type 속성
- 값에 따라 입력 요소의 형태나 입력 데이터 유형 등이 달라짐.
- 값이 달라짐에 따라 함께 적용하는 추가 속성도 달라짐.
- 기본값은 text이며, 종류는 20여 가지 정도됨.
> name 속성
- name 속성을 추가하여 input 요소를 구별할 수 있음.
- 각각의 input 요소에 대한 식별자 역할.
ex.


> nickname 항목에는 '꾸준히_노력하기', title 항목에는 '시나브로'가 입력된 상태.
'text'가 type 속성의 기본값이기 때문에 작성하지 않아도 결과는 동일함.
> type 속성 예시


> text 예시


▲ 내용 작성 전

▲ 내용 작성 후
> button 예시


> color 예시



> date 예시



> range 예시


'HTML' 카테고리의 다른 글
| [HTML] form 태그란? (ft. 서버와 클라이언트) (0) | 2023.10.30 |
|---|---|
| [HTML] select 태그와 textarea 태그 (0) | 2023.10.26 |
| [HTML] 목록 태그 (ul 태그 vs ol 태그) (0) | 2023.10.26 |
| [HTML] 링크 걸기 (ft. a 코드) (0) | 2023.10.25 |
| [HTML] 컨테이너 태그와 전역 속성 (0) | 2023.10.24 |