Front-End/HTML

[HTML] radiobutton 태그(form 태그)

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

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="radio" name="gender" value="여" checked>여
	<input type="radio" name="gender" value="남" checked>남

</body>
</html>

여, 남 값에 둘다 checked 속성을 넣었는데

radiobutton은 하나만 선택 가능하므로 제일 나중에 선택된 값만 체크된 것을 볼 수 있다.