Day2_VSCODE_HTML 폼 태그 + 라벨 태그 + 버튼 태그 + 선택 상자 태그
2023. 3. 27. 17:24ㆍHTML
✔폼 태그
- 웹 페이지에서 사용자로부터 입력 받을 때 사용하는 태그
- 사용자가 입력한 데이터를 서버로 보낼 때 form 요소를 사용 전송방법(method)
get : URL에 데이터를 포함하여 전달
post: body에 데이터를 포함하여 전달
사용법 <form action ='서버에게 전달할 파일 위치' method='전송방법> form 태그 안에 form 요소를 통해 데이터를 서버로 전달 </form>
✔라벨 태그
- 폼 양식에 이름을 붙이는 요소
- 다른 요소를 연결하면 해당 영역이 넓어짐
-radio,checkbox 스타일 설정 시 많이 사용
사용법 <label for ='요소의id'>텍스트 또는 이미지</label>
✔버튼 태그
버튼을 생성하는 요소
기본값 : type ='reset' (button,submit)도 있음
사용법 <button>버튼 클릭 </button>
✔선택 상자 태그
여러개의 옵션이 드롭다운 리스트로 되어 있으며 그 중에서 단 하나의 옵션만을 선택
사용법 <select> <option value = 'apple'>김사과</option> <option value = 'banana'>반하나</option> <option value = 'orange'>오렌지</option> </select>
728x90
'HTML' 카테고리의 다른 글
Day2_VSCODE_HTML input 태그 (0) | 2023.03.27 |
---|---|
Day2_VSCODE_HTML 하이퍼 링크 + 책갈피 + 테이블 태그 (0) | 2023.03.27 |
Day1_VSCODE_HTML 이미지 확장자 + 이미지 태그 (0) | 2023.03.23 |
Day1_VSCODE_HTML 태그 (0) | 2023.03.23 |
Day 1_VSCODE_HTML 기초 (0) | 2023.03.23 |