>  기사  >  웹 프론트엔드  >  javascript_form 효과의 입력에서 읽기 전용과 비활성화의 차이점 소개

javascript_form 효과의 입력에서 읽기 전용과 비활성화의 차이점 소개

WBOY
WBOY원래의
2016-05-16 17:49:001204검색

읽기 전용 및 비활성화는 양식에 사용되는 두 가지 속성으로, 둘 다 사용자가 양식 필드의 내용을 변경하는 것을 방지합니다. 그러나 둘 사이에는 약간의 차이가 있으며 다음과 같이 요약됩니다.

읽기 전용은 입력(텍스트/비밀번호) 및 텍스트 영역에만 유효하고 비활성화는 선택, 라디오, 확인란을 포함한 모든 양식 요소에 유효합니다. 버튼 등.. 그러나 양식 요소가 비활성화된 후 POST 또는 GET으로 양식을 제출하면 이 요소의 값이 전달되지 않고 읽기 전용이 값을 전달합니다(이 상황은 특정 텍스트 영역 요소를 양식이 비활성화 또는 읽기 전용으로 설정되어 있지만 제출 버튼을 사용할 수 있습니다).

예제

코드 복사 코드는 다음과 같습니다.

body>



< input type="submit" name="Submit" value="Submit" />

js 제어 코드















코드 복사

코드는 다음과 같습니다:
제목 없는 문서 ;


;입력 이름="q1" 유형= "텍스트" id="q1" 값="읽기 전용" 읽기 전용="true" />
<입력 이름="q2" 유형="텍스트" 비활성화="비활성화" " id="q2" value=" 비활성화됨" />


< ;/body>
< /html>



속성 값 설명 비활성화됨

입력 요소가 처음 로드될 때 이 요소를 비활성화합니다. 텍스트를 쓰거나 선택할 수 없습니다.
참고: type="hidden"과 함께 사용할 수 없습니다.

readonly readonly
는 이 필드의 값을 수정할 수 없음을 나타냅니다.
참고: type="text"에서만 작동합니다.


요약


읽기 전용 코드: , 복사 가능, 선택 가능, 포커스 수신 가능하지만 수정 불가능, 전달된 값은
비활성화 코드:
disabled는 편집, 복사, 선택이 불가능하고 포커스를 받을 수 없으며 값이 백그라운드에서 수신되지 않습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.