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

집

웹 프론트엔드

HTML 튜토리얼

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:36 PM

readonly

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

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

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

예:

코드 복사

코드는 다음과 같습니다.

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

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

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

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

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

성명

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

관련 기사

HTML, CSS 및 JavaScript : 예제 및 실제 응용 프로그램May 09, 2025 am 12:01 AM

웹 개발에서 HTML, CSS 및 JavaScript의 역할은 다음과 같습니다. 1. HTML은 웹 페이지 구조를 구축하는 데 사용됩니다. 2. CSS는 웹 페이지의 모양을 아름답게하는 데 사용됩니다. 3. JavaScript는 동적 상호 작용을 달성하는 데 사용됩니다. 태그, 스타일 및 스크립트를 통해이 세 가지는 함께 현대 웹 페이지의 핵심 기능을 구축합니다.

태그에서 Lang 속성을 어떻게 설정합니까? 이것이 중요한 이유는 무엇입니까?May 08, 2025 am 12:03 AM

태그의 Lang 속성을 설정하는 것은 웹 접근성 및 SEO를 최적화하는 핵심 단계입니다. 1) 태그에 LANG 속성을 설정하십시오. 2) 다국어 컨텐츠에서는 다른 언어 부품에 대한 LANG 속성을 설정하십시오. 3) "en", "fr", "zh"와 같은 ISO639-1 표준을 준수하는 언어 코드를 사용하여 LANG 속성을 올바르게 설정하면 웹 페이지 및 검색 엔진 순위의 접근성을 향상시킬 수 있습니다.

HTML 속성의 목적은 무엇입니까?May 07, 2025 am 12:01 AM

htmlattributesearsentialforenhancingwebelements'functionalityandAmpearance.theyaddinformationTodeFineBehavior, 외관 및 간호, WebsITESITERACTIVE, RAPITIVE 및 VVESILLY -CAMENTION.ATTRIBUTESLIKESRC, HREF, 클래스, 유형 및 디스티브 트랜스포트

HTML에서 목록을 어떻게 만드나요?May 06, 2025 am 12:01 AM

ToCreateAlistInhtml, useUnorderEdListandForOrdLists : 1) forUnderedList, wrapitemSinanduseForeachitem, renderingasabulletedList.2) forOrderEdlists, useandfornumberedLists, useandfornumberedlists, useandfornumberedlists, useandfornumberedlists, withTheyPeatTributeFferentNumberingStyles.

html in Action : 웹 사이트 구조의 예May 05, 2025 am 12:03 AM

HTML은 명확한 구조를 가진 웹 사이트를 구축하는 데 사용됩니다. 1) 태그를 사용하여 웹 사이트 구조를 정의하십시오. 2) 예는 블로그 및 전자 상거래 웹 사이트의 구조를 보여줍니다. 3) 잘못된 레이블 중첩과 같은 일반적인 실수를 피하십시오. 4) HTTP 요청을 줄이고 시맨틱 태그를 사용하여 성능을 최적화합니다.

HTML 페이지에 이미지를 어떻게 삽입합니까?May 04, 2025 am 12:02 AM

TOINSERTANIMAGEINTOANHTMLPAGE, USETHETAGWITHSRCANDALTATTRIBUTES.1) USEALTTEXTFORACCESSIBLEANDSEO.2) AMPLEMESSRCSETFORRESPONSIVEIMAGES.3) ApplyLazyLoadingWithLoading = "Lazy"TOOPTIMIZEPEROUCTION.4) OPTIMIZEPEPERCESIVEIMAGES

HTML의 목적 : 웹 브라우저가 컨텐츠를 표시 할 수 있도록합니다May 03, 2025 am 12:03 AM

HTML의 핵심 목적은 브라우저가 웹 컨텐츠를 이해하고 표시 할 수 있도록하는 것입니다. 1. HTML은 TO 등과 같은 태그를 통해 웹 페이지 구조와 컨텐츠를 정의합니다. 2. HTML5는 멀티미디어 지원을 향상시키고 소개 및 태그를 향상시킵니다. 3.html은 사용자 상호 작용을 지원하기위한 양식 요소를 제공합니다. 4. HTML 코드를 최적화하면 HTTP 요청 감소 및 HTML 압축과 같은 웹 페이지 성능이 향상 될 수 있습니다.

HTML 태그가 웹 개발에 중요한 이유는 무엇입니까?May 02, 2025 am 12:03 AM

htmltagsareessentialforwebdevelopmentasthuctureandenhancewebpages.1) thefinelayout, semantics 및 internactivity.2) semantictagsimproveAccessibility 및 sseo.3) appleasoftagscanoptimizeperformanceandenseRocRossercompatiber.

See all articles