Front-End/HTML

[HTML] checkbox 태그(form태그)

찐코딩 2021. 10. 26. 15:47

https://jinnnkcoding.tistory.com/111

 

[HTML] form 태그(★★★★★)

form 태그 사용자에게 입력을 받을 데이터 양식을 설정하는 태그 * input 태그 속성 - autocomplate : 사용자가 이전에 입력한 값으로 자동완성기능을 사용할 것인지 여부      => on(default) or off - ..

jinnnkcoding.tistory.com

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>체크박스 예제</title>
</head>
<body>

	<h3>당신의 취미는?</h3>
	
	<hr>	<!-- 줄 삽입 -->
	
	<input type="checkbox" name="hobby" value="운동">운동
	<input type="checkbox" name="hobby" value="여행" checked>여행
	<input type="checkbox" name="hobby" value="독서">독서
	<input type="checkbox" name="hobby" value="잠자기">잠자기
	<input type="checkbox" name="hobby" value="영화보기">영화보기

</body>
</html>

여행이라는 값에 checked 속성을 넣어 실행 시 자동으로 여행 값에 체크되어있는 것을 볼 수 있다.