HTML에서 양식 컨트롤을 비활성화하는 방법에는 여러 가지가 있습니다.

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

상태

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

1.给控件标签加上readonly='readonly'属性 
2.给控件标签加上disabled='disabled'属性

예:

<input type="text" value="只读的" readonly="readonly" /> 
<input type="text" value="不可用的" disabled="disabled" />

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

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

읽기 전용 컨트롤(readonly 속성을 사용하는 컨트롤)은 사용자가 마우스와 키보드를 사용하여 수정할 수 없지만 프로그래머는
javascript
를 사용하여 수정할 수 있습니다. 양식을 제출하면 이 컨트롤의 이름과 값이 서버에 제출됩니다. 즉, 서버에 표시됩니다. 비활성화된 컨트롤(비활성화 속성을 사용하는 컨트롤)은 사용자가 마우스와 키보드를 사용하여 수정할 수 없을 뿐만 아니라 서버에 표시되지 않습니다. 즉, 해당 이름과 값은 양식이 실행될 때 서버에 제출되지 않습니다. 물론 프로그래머는 자바스크립트를 사용하여 해당 값을 수정할 수도 있습니다. 이것이 차이점을 알고 나면 언제 어떤 방법을 사용해야 하는지 알아야 합니다.

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 읽기:

하이퍼링크의 너비와 높이를 설정하는 방법

html 스타일을 사용하여 속성을 추가하는 방법의 예

css3에서 점진적인 향상과 우아한 저하를 사용하는 방법

위 내용은 HTML에서 양식 컨트롤을 비활성화하는 방법에는 여러 가지가 있습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!