무민이의 반반무많이

input 태그로 Radio Button(라디오 버튼) 만들기 본문

HTML

input 태그로 Radio Button(라디오 버튼) 만들기

M00min 2016.12.03 14:51

(공감과 댓글 하나는 글쓴이에게 큰 힘이 됩니다.)


<input> 태그를 이용하여 Radio Button(라디오 버튼)을 삽입할 수 있다. type 속성을 radio로 지정하면 된다.

아래와 같이 입력하고 실행해보면, 정상적으로 표시가 되지만, 여러개를 선택할 수 있다는 문제가 있다.


한 개만 선택할 수 있도록 하기 위해서, 각각의 Radio Button(라디오 버튼)에 name 속성을 동일하게 지정해주면 된다.


사용자가 선택하지 않아도 기본적으로 한 개가 선택되어 있도록 하기 위해, 기본 선택을 원하는 Radio Button(라디오 버튼)에 checked 속성을 추가해주면 된다.

0 Comments
댓글쓰기 폼