암호 입력 유형은 텍스트 형식의 변형입니다. 유일한 차이점은 입력 문자가 일반적으로 일련의 별표에 의해 마스쳐되어 구경꾼으로부터 중요한 정보를 보호한다는 것입니다. 그러나 실제 값은 일반 텍스트로 서버로 전송되므로 암호 입력은 신용 카드 번호 또는 기타 매우 중요한 정보에 대한 충분한 보안을 제공하지 못합니다.
요소는 관련 데이터를 양식으로 그룹화하는 데 사용됩니다. 이 예제의 사용 사례는 가장 중요한 방법 중 하나입니다. 라디오 단추 집합이 있을 때마다
요소 안에 중첩해야 합니다. 다른 사용 사례가 있으며 일반적으로
요소를 사용하여 양식을 섹션화할 수도 있습니다. 이상적으로 긴 양식은 여러 페이지로 분할되어야 하지만 양식이 길어지지만 한 페이지에 있어야 하는 경우 다른 필드 집합 안에 서로 다른 관련 섹션을 배치하면 유용성이 향상될 수 있습니다. 이전 문서에서 보았듯이 요소는 HTML 양식 위젯에 대한 레이블을 정의하는 공식적인 방법입니다. 이 요소는 액세스 가능한 양식을 작성하려는 경우 가장 중요한 요소입니다.
이전 문서에서 보았던 이 예제를 예로 들수 있습니다: 이전 예제에서 볼 수 있듯이 그리드 시스템을 사용하면 .row 또는 .form-row 내에 원하는 수의 .cols를 배치할 수 있습니다. 사용 가능한 너비를 균등하게 분할합니다. 또한 열을 하위 집합으로 선택하여 공간을 더 많거나 적게 차지할 수 있으며 나머지 .cols는 .col-7과 같은 특정 열 클래스와 함께 나머지를 균등하게 분할할 수 있습니다. HTML 코드의 관점에서 우리는 이러한 양식 위젯을 구현하기 위해 다음과 같은 것이 필요합니다 : 참고 : 이러한 특성의 작동 방식을 자세히 설명하려면 양식 데이터 보내기 문서에 자세히 설명되어 있습니다. TYPE 값 재설정은 사용자가 양식을 초기 값으로 재설정할 수 있는 단추를 정의합니다. 리셋 단추의 선택적 VALUE 특성은 단추에 대한 브라우저의 기본 텍스트를 재정의합니다. .form 그룹 클래스는 양식에 일부 구조를 추가하는 가장 쉬운 방법입니다. 레이블, 컨트롤, 선택적 도움말 텍스트 및 양식 유효성 검사 메시징의 적절한 그룹화를 장려하는 유연한 클래스를 제공합니다. 기본적으로 는 마진 아래쪽만 적용하지만 필요에 따라 .form-inline에서 추가 스타일을 선택합니다.
,
또는 거의 모든 다른 요소와 함께 사용하십시오.
참고: HTML5는 HTML 양식 요소에 양식 특성을 도입합니다. 내에 포함되지 않은 경우에도 폼과 요소를 명시적으로 바인딩할 수 있습니다. 불행 하 게도, 당분간, 브라우저에서이 기능의 구현은 아직 그것에 의존 하기에 충분 하지 않습니다.
요소는 스타일 지정 및 의미 체계를 위해 동일한 목적을 공유하는 위젯 그룹을 만드는 편리한 방법입니다. 여는 태그 바로 아래에
요소를 포함시켜
레이블을
수 있습니다.
텍스트 내용은 내부에 포함 된
목적을 공식적으로 설명합니다.
