반응형
안녕하세요.
html5에서는 다양한 타입의 입력을 지원합니다.
그 중에 라디오 버튼은 회원 가입과 선택 항목에서 많이 볼 수 있습니다.
<label>~</label> 태그를 통해 사용가능합니다.
새로운 선택을 할 경우 기존에 선택된 버튼은 취소합니다.
-name: 이름을 지정합니다.
-value: 서버에 사용되는 값을 지정합니다.
-checked: 선택된 상태로 지정합니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<!DOCTYPE html>
<html>
<head>
<title>codeomni.tistory.com html5 radio button 라디오 버튼 삽입 소스 코드 예제</title>
<style>
body {
background-color: #4571a0;
}
</style>
</head>
<body>
<h1>codeomni</h1>
<div id="box">
<label><input type="radio" name="radiobutoon" value="YES">YES</label>
<label><input type="radio" name="radiobutoon" value="NO">NO</label>
</div>
</body>
</html>
|
cs |
실행 화면입니다.
댓글