HTML5 양식의 체크 박스 및 라디오 버튼 사용 방법 - 인형

웹 사이트에 대한 데이터 수집 양식을 만들 때 가능한 값의 유한 집합 만 사용자에게 제공되면 그에게 선택할 수있는 옵션:

• 확인란: 둘 이상의 옵션을 선택하십시오.

• 라디오 버튼: 하나의 옵션 만 선택하십시오.

  라디오 버튼은 중요한 점에서 확인란과 다릅니다. 사용자는 일련의 옵션 중에서 하나의 라디오 버튼을 선택할 수 있지만 아무 것도 선택하지 않고 하나 또는 여러 개의 확인란을 선택할 수 있습니다.

많은 선택 사항 (6 개 이상)을 사용할 수있는 경우 라디오 버튼이나 확인란 대신 드롭 다운 목록을 사용하십시오.

라디오 버튼과 확인란을 만들려면 다음 단계를 수행하십시오.

1. type 속성이 radio 또는 checkbox로 설정된 요소를 사용합니다.

2. 다음 속성을 사용하여 각 옵션 을 작성하십시오.

   • name: 옵션에 이름을 지정하십시오.

   • 값: 사용자가 옵션을 선택할 경우 반환되는 값을 지정하십시오.

checked 속성을 사용하여 브라우저가 양식을 표시 할 때 옵션을 이미 선택하도록 지정할 수도 있습니다. 기본 선택을 지정하는 좋은 방법입니다.

이 마크 업은 체크 박스 및 라디오 버튼 옵션의 형식을 지정하는 방법을 보여줍니다.

가장 좋아하는 음식은 무엇입니까?

피자
아이스크림
녹색 달걀과 햄







성별은 무엇입니까?

남성
여성

결과가이 그림에 표시됩니다.

앞의 마크 업에서 각 옵션 집합은 각 입력 컨트롤에 대해 동일한 이름을 사용하지만 각 옵션마다 다른 값을 제공합니다. 브라우저에 세트의 일부임을 알리는 옵션 집합의 각 항목에 동일한 이름을 지정합니다.

원할 경우 페이지 마크 업에서 기본적으로 원하는만큼 확인란을 선택할 수 있습니다. 미리 선택한 각 요소에 checked = "checked"를 포함하면됩니다.