일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- JavaScript
- html기초
- redux
- async
- 타입스크립트
- Vue3
- TypeScript
- 사용하는 이유
- react
- CSS
- react-router
- 자바스크립트
- React Native
- http
- 비동기
- 코딩기초
- 프론트엔드
- 코린이
- useEffect
- 코딩독학
- 코딩공부
- git
- 깃
- 참조자료형
- SasS
- 리액트 네이티브
- 리액트
- 리덕스
- scss
- 코딩초보
Archives
- Today
- Total
맨 땅에 프론트엔드 개발자 되기
코딩독학) HTML 태그의 종류와 역할3 Form & Input 본문
728x90
폼 태그와 인풋 태그
<form> : 폼 태그는 어떤 입력 값을 받는 폼을 말하며, 보통 하위 인풋 태그들과 함께 쓰인다.
<input> : 입력 값을 받는 태그를 말한다. 속성 값으로 text, button, color, range, date 등 어떤 입력값을 받을 것인지 지정할 수 있다.
예제 연습
<textarea> : input type="text"와 비슷하게 글자 내용을 입력받을 수 있는 태그.
<button> : input type="button"과 비슷하게 버튼 클릭을 받을 수 있는 태그.
<select> : 드롭다운 형식의 선택 입력값을 받을 수 있는 태그.
<option> : select 태그의 옵션을 만들 수 있는 태그.
<optgroup> : select 태그의 옵션 중 그룹을 만들 수 있는 태그.
<label> : input 태그 혹은 다른 입력값을 받는 태그 앞에 쓰여 라벨을 만들 수 있는 태그.
예제 연습
출처
https://www.w3schools.com/tags/tag_form.asp
728x90
'코딩 공부 일지 > HTML5' 카테고리의 다른 글
HTML 시맨틱 태그를 사용하는 이유 (0) | 2022.02.14 |
---|---|
코딩독학) HTML 태그 ID와 CLASS (0) | 2021.09.19 |
코딩독학) HTML 태그의 종류와 역할2 영역 태그 (0) | 2021.09.19 |
코딩독학) HTML 태그의 종류와 역할 (0) | 2021.09.17 |
코딩독학) HTML이란? HTML 문서의 기본 레이아웃 (0) | 2021.09.17 |