즐겨 찾는 웹 사이트를 탐색하는 동안 사용 가능한 여러 웹 사이트 중에서 하나의 옵션을 선택해야 할 때 확인란이 나타납니다. 이 확인란은 특별한 태그의 도움으로. 이 기사에서는 HTML에서 확인란을 만드는 방법과 다음 순서로 확인란이 작동하는 방법을 살펴 봅니다.
HTML로 체크 박스를 만드는 방법?
확인란은 사용 가능한 다양한 옵션에서 여러 옵션을 선택할 수있는 양식 요소입니다. 체크 박스는 HTML 태그로 생성됩니다. 요소 안에 중첩되거나 단독으로 존재할 수 있습니다. 또한 다음의 도움으로 양식과 연관 될 수 있습니다. 양식 속성 태그의.
다음은 간단한 확인란을 만드는 기본 예입니다.
레드 그린 블루
산출:
다른 예를 고려하고 확인란이 유용 할 수 있도록 제출 버튼을 추가해 보겠습니다. 여기에서 양식을 처리 할 페이지를 지정하는 요소 내에 확인란을 배치 할 수도 있습니다.
가장 좋아하는 색은 무엇입니까? 레드 그린 블루결과:
산출:
체크 박스와 라디오 버튼
라디오 버튼을 사용하면 하나의 옵션 만 선택할 수 있습니다. 반면 확인란을 사용하면 사용자가 원하는 수의 옵션을 선택할 수 있습니다. 예를 들어 라디오 버튼과 체크 박스가 어떻게 작동하는지 살펴 보겠습니다.
예제가 포함 된 Java 9 기능
체크 박스
가장 좋아하는 색은 무엇입니까? 레드 그린 블루라디오 버튼
성별을 선택 하시겠습니까? 남성 여성 알 수 없음결과:
산출:
위의 예에서 원하는만큼 확인란을 선택할 수 있음을 알 수 있습니다. 사용자가 여러 옵션을 선택할 수 있어야하는 경우 확인란을 적합하게 만듭니다. 그러나 두 개 이상의 라디오 버튼을 선택하려고하면 이전 선택이 선택 취소됩니다. 이렇게하면 사용자가 하나의 옵션 만 선택하도록 할 수 있습니다.
HTML에서 체크 박스 비활성화
확인란을 비활성화 할 수 있습니다. disabled 속성을 사용하여. 특정 기준이 충족되었는지 여부에 따라 확인란을 활성화하거나 비활성화하는 스크립트와 함께 수행 할 수 있습니다.
테이블 내의 html 테이블
체크 박스를 비활성화하는 방법을 예를 들어 보겠습니다.
레드 그린 블루
산출:
위의 예에서는 빨간색을 비활성화했습니다. 따라서 확인란에서 녹색과 파란색을 선택할 수 있지만 빨간색은 선택할 수 없습니다.
이것으로 우리는 우리 기사의 끝까지 왔습니다. HTML의 체크 박스가 어떻게 작동하고 어떻게 다르게 사용되는지 이해 하셨기를 바랍니다.
이제 HTML의 Checkbox에 대해 알았으니 에듀 레카. 웹 개발 인증 교육은 HTML5, CSS3, Twitter Bootstrap 3, jQuery 및 Google API를 사용하여 인상적인 웹 사이트를 만들고 Amazon Simple Storage Service (S3)에 배포하는 방법을 배우는 데 도움이됩니다.
질문이 있으십니까? 'HTML로 된 체크 박스'의 댓글 섹션에 언급 해 주시면 다시 연락 드리겠습니다.