HTML에서 양식 컨트롤을 비활성화하는 두 가지 방법: 읽기 전용 및 비활성화_HTML/Xhtml_웹 페이지 제작

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

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

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

예:

코드 복사

코드는 다음과 같습니다.

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

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

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

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

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