html checkbox 예제

이 확인란이 기본적으로 선택되어 있는지 여부를 나타내는 부울 특성(페이지가 로드될 때). 이 확인란이 현재 선택되어 있는지 여부를 나타내지 않습니다: 확인란의 상태가 변경된 경우 이 콘텐츠 특성은 변경 내용을 반영하지 않습니다. (HTMLInputElement의 확인된 IDL 특성만 업데이트됩니다.) 이 예제에서는 확인란을 선택 하 고 폼을 서버에 제출 하는 경우 서버 양식 요소 « nameOfChoice »를 읽을 수 있을 것입니다 및 해당 값 1 됩니다. 참고: 양식이 제출될 때 확인란을 선택취소한 경우 서버에 제출된 값이 선택되지 않은 상태(예: 값=선택 없음)를 나타내지 않습니다. 값이 서버에 전혀 제출되지 않습니다. 이 예제에서는 구독 이름과 뉴스레터 의 값을 얻었습니다. 양식이 제출되면 데이터 이름/값 쌍이 구독=뉴스레터가 됩니다. 지금까지 모든 확인란은 간단한 스위치(예: 옵션 의 켜기 또는 끄기 여부)였습니다. 확인란은 이에 적합하지만 언급했듯이 사용자에게 가능한 옵션을 선택할 수 있도록 하는 데도 사용할 수 있습니다. 위의 예제에서는 관련

가장 간단한 양식에서 확인란은 단순히 type 속성이 확인란으로 설정된 입력 요소입니다. 확인란은 데이터 관점에서 다소 다루기 어렵습니다. 이 것의 일부는 본질적으로 그들의 기능에 대해 생각 하는 두 가지 다른 방법이 있다. 종종 확인란 세트는 가능한 답변 수를 선택하여 사용자가 대답할 수 있는 단일 질문을 나타냅니다. 그들은, 중요한 것은, 서로의 배타적이지 않습니다. 사용자가 단일 옵션만 선택할 수 있도록 하려면 라디오 상자 또는 요소를 사용합니다. 기본적으로 확인란을 선택하려면 선택된 특성을 지정하기만 하면 됩니다. 아래 예제: 예를 들어 다음 데모에서는 사용자가 관심사를 선택할 수 있도록 여러 확인란을 포함합니다(예제 섹션의 전체 버전 참조). 선택된 특성은 및 와 함께 사용할 수 있습니다.

확정되지 않은 상태의 확인란에는 대부분의 브라우저에서 확인/체크 대신 확인란에 가로줄(하이픈 또는 마이너스 기호처럼 보입니다)이 있습니다. 우리는 이미 위의 확인란의 가장 기본적인 사용을 다루었습니다. 이제 필요한 다른 일반적인 확인란 관련 기능및 기술을 살펴보겠습니다.