>  기사  >  웹 프론트엔드  >  편집 불가능한 부트스트랩 입력을 구현하는 방법

편집 불가능한 부트스트랩 입력을 구현하는 방법

藏色散人
藏色散人원래의
2020-12-07 09:52:283965검색

편집 불가능한 부트스트랩 입력을 구현하는 방법: 먼저 해당 코드 파일을 연 다음 "placeholder="여기에 입력이 비활성화되었습니다..." 비활성화됨"과 같은 문을 사용하여 입력 입력 상자에 대해 비활성화된 속성을 설정합니다.

편집 불가능한 부트스트랩 입력을 구현하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, 부트랩 버전 3.3.7, Dell G3 컴퓨터.

부트스트랩 입력은 편집할 수 없습니다

부트스트랩에서 입력 입력 상자에 비활성화 속성을 설정하면 사용자와의 상호 작용(포커스, 입력 등)이 차단될 수 있습니다. 비활성화된 입력 상자의 색상이 더 밝아지고, 허용되지 않는 마우스 상태가 추가되었습니다.

<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>

렌더링:

편집 불가능한 부트스트랩 입력을 구현하는 방법

disabled 속성

disabled 속성은 부울 속성입니다.

disabled 속성은 비활성화되어야 하는 요소를 지정합니다.

비활성화된 입력 요소는 사용할 수 없으며 클릭할 수도 없습니다.

disabled 속성은 사용자가 특정 조건(예: 체크박스 선택 등)이 충족되는 경우에만 요소를 사용할 수 있도록 설정됩니다. 그런 다음 JavaScript를 사용하여 비활성화된 값을 제거하고 요소를 사용할 수 있게 만들 수 있습니다.

팁: 양식에서 비활성화된 요소는 제출되지 않습니다.

참고: 비활성화된 속성은 에 적용되지 않습니다.

추천: "부트스트랩 비디오 튜토리얼" "css 비디오 튜토리얼"

위 내용은 편집 불가능한 부트스트랩 입력을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.