[코드지갑#1] select, radio 버튼 생성

Select 태그 활용

예시

지역을 선택하세요 서울 경기 인천

<select name="" id="">
  <option disabled selected value="">지역을 선택하세요</option>
  <option value="">서울</option>
  <option value="">경기</option>
  <option value="">인천</option>
</select>

• select 태그 안에 option 태그로 셀렉트 박스의 항목들을 추가 할 수 있다.
• 옵션 중 머리글 부분은 disabled selected 속성으로 유저가 선택하지 못하도록 할 수 있다.

Radio 버튼 생성

예시

여성 남성

<input type="radio" name="gender" />여성
<input type="radio" name="gender" checked />남성

• input 태그에 type을 radio로 부여하면 radio 버튼이 생성된다.
• 위의 예시 처럼 2개중 1개만 선택이 되게 하려고 하면 name에 같은 이름을 부여하면 1개만 선택이 가능하게 된다.
• checked 속성은 선택이 되어진 상태를 보여준다.