부트스트랩 비활성화 텍스트 입력 필드

이 글은 다음 주제를 다룹니다.

• 텍스트 입력 필드를 비활성화하는 방법은 무엇입니까?
• 상자 선택 옵션을 비활성화하는 방법은 무엇입니까?
• 확인란 입력 요소를 비활성화하는 방법은 무엇입니까?
• 버튼 입력 요소를 비활성화하는 방법은 무엇입니까?

전제 조건: 양식 만들기

먼저 HTML '을 활용하여 양식을 만듭니다. <형식> ' 요소:

그런 다음 ' <필드셋> ” 요소에 클래스를 지정하고 “ 열-12 '.

요소 내에서 양식 캡션을 지정합니다.

산출

텍스트 입력 필드를 비활성화하는 방법은 무엇입니까?

진행 중인 예제의 경우 주어진 지침을 따르십시오.

• ' <필드셋> ” 요소, 범례 요소 뒤에
  태그를 추가하고 클래스를 지정합니다. 양식 그룹 '.
• 그런 다음 ' <레이블> ' 그리고 ' <입력> ” 요소는 각각 캡션 및 입력 필드에 대한 것입니다. 입력 요소에 ' 양식 제어 '.
• 그 후 ' 장애가 있는 ” 속성을 사용하여 입력 필드를 비활성화합니다.

다음은 위에서 언급한 클래스에 대한 설명입니다.

• “ 양식 그룹 ”는 양식에 구조를 포함하는 가장 간단한 방법을 제공하는 유연한 클래스입니다.
• “ 양식 제어 ”는 자동으로 양식 요소에 스타일을 추가합니다.

산출

' 없이 다른 입력 필드를 추가하십시오. 장애가 있는 ' 기인하다:

첫 번째 입력 필드가 비활성화되고 두 번째 입력 필드가 활성화된 것을 볼 수 있습니다.

선택 상자 옵션을 비활성화하는 방법은 무엇입니까?

양식에 선택 상자를 만들려면 HTML ' <선택> ' 요소. “ <옵션> ” 요소는 선택 상자 항목에 추가됩니다.

이 예에서 두 번째 옵션은 ' 장애가 있는 ' 기인하다:

산출

확인란 입력 요소를 비활성화하는 방법은 무엇입니까?

다른 폼 컨트롤 체크박스를 만들어 봅시다. 확인란을 비활성화하려면 ' 장애가 있는 ” 속성은 다음과 같이 지정됩니다.