일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 사용하는 이유
- 코딩공부
- 리액트 네이티브
- TypeScript
- react
- 깃
- 코린이
- git
- scss
- 참조자료형
- JavaScript
- 리덕스
- useEffect
- 리액트
- 자바스크립트
- async
- Vue3
- 타입스크립트
- 코딩독학
- CSS
- html기초
- 코딩기초
- 코딩초보
- http
- SasS
- React Native
- redux
- 비동기
- 프론트엔드
- react-router
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
HTML form tag
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
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 |