Day2_VSCODE_HTML 폼 태그 + 라벨 태그 + 버튼 태그 + 선택 상자 태그

2023. 3. 27. 17:24HTML

✔폼 태그

- 웹 페이지에서 사용자로부터 입력 받을 때 사용하는 태그
- 사용자가 입력한 데이터를 서버로 보낼 때 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