> 웹 프론트엔드 > HTML 튜토리얼 > HTML에서 양식 컨트롤을 비활성화하는 방법: 읽기 전용 및 비활성화

HTML에서 양식 컨트롤을 비활성화하는 방법: 읽기 전용 및 비활성화

高洛峰
풀어 주다: 2017-02-28 13:33:30
원래의
1523명이 탐색했습니다.

때때로 양식의 컨트롤을 수정할 수 없게 만들고 싶을 때가 있습니다. 예를 들어, 비밀번호 변경을 위한 웹 페이지에서 사용자 이름을 표시하는 텍스트 상자는 양식에서 컨트롤을 비활성화하는 두 가지 방법입니다. 웹 페이지를 만드는 과정에서 우리는 종종 양식을 사용합니다. 그러나 때로는 양식의 컨트롤을 수정할 수 없게 만들고 싶을 때도 있습니다. 예를 들어 비밀번호 변경을 위한 웹 페이지에서 사용자 이름을 표시하는 텍스트 상자는 수정할 수 없어야 합니다.

HTML에는 두 가지 비활성화 방법이 있습니다.

1. 컨트롤 레이블에 readonly='readonly' 속성을 추가합니다.
2. 컨트롤 레이블 ='에 비활성화를 추가합니다. 비활성화' 속성

예:

코드는 다음과 같습니다.

<input type="text" value="只读的" readonly="readonly" /> 
<input type="text" value="不可用的" disabled="disabled" />
로그인 후 복사


예제의 두 컨트롤은 수정할 수 없습니다. 하지만 차이점도 있습니다!

문자 그대로의 의미로 보면, readonly 속성을 사용한 컨트롤은 "읽기 전용"이고, 비활성화를 사용한 컨트롤은 "disabled"임을 알 수 있습니다. 그렇다면 그들 사이의 차이점은 무엇입니까?

읽기 전용 컨트롤(읽기 전용 속성을 사용하는 컨트롤)은 사용자가 마우스와 키보드를 사용하여 수정할 수 없지만 프로그래머는 양식을 제출할 때 JavaScript를 사용하여 컨트롤의 이름과 값을 수정할 수 있습니다. 서버에 제출됩니다. 즉, 서버에 표시됩니다.

비활성화된 컨트롤(비활성화 속성을 사용하는 컨트롤)은 사용자가 마우스와 키보드로 수정할 수 없을 뿐만 아니라 서버에도 보이지 않습니다. 즉, 이름과 값이 서버에 제출되지 않습니다. 물론, 프로그래머는 자바스크립트를 사용하여 해당 값을 수정할 수도 있습니다.

이것이 차이점을 알고 나면 언제 어떤 방법을 사용해야 하는지 알아야 합니다.

HTML에서 양식 컨트롤을 비활성화하기 위한 읽기 전용 및 비활성화 방법에 대한 더 많은 기사를 보려면 PHP 중국어 웹사이트에 주목하세요!


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿