장애인 입력 값은 제출되지 않습니다

StackOverflow https://stackoverflow.com/questions/1355728

문제

이것은 내가 Firefox에서 Firebug에서 찾은 것입니다.

다른 브라우저에서도 동일합니까?

그렇다면 그 이유는 무엇입니까?

도움이 되었습니까?

해결책

예, 모두 브라우저는 읽기 전용이므로 비활성화 된 입력을 제출해서는 안됩니다.

추가 정보 (섹션 17.12.1)

속성 정의

비활성화 된 [CI] 양식 컨트롤을 설정하면이 부울 속성은 사용자 입력의 컨트롤을 비활성화합니다. 설정하면 비활성화 속성은 요소에 다음과 같은 영향을 미칩니다.

  • 장애인 컨트롤은 초점을 맞추지 않습니다.
  • 탭 탐색에서 비활성화 된 컨트롤이 건너 뜁니다.
  • 장애인 컨트롤은 성공할 수 없습니다.

다음 요소는 버튼, 입력, 옵트 그룹, 옵션, SELECT 및 TextArea의 비활성화 속성을 지원합니다.

이 속성은 상속되지만 로컬 선언은 상속 된 값을 무시합니다.

비활성화 된 요소가 사용자 에이전트에 따라 다릅니다. 예를 들어, 일부 사용자 에이전트 "회색 아웃"비활성화 메뉴 항목, 버튼 레이블 등.

이 예에서는 입력 요소가 비활성화됩니다. 따라서 사용자 입력을받을 수 없거나 그 값을 양식으로 제출하지도 않습니다.

<INPUT disabled name="fred" value="stone">

메모. 비활성화 된 속성의 값을 동적으로 수정하는 유일한 방법은 스크립트를 통한 것입니다.

다른 팁

disabled 입력은 데이터를 제출하지 않습니다.

사용 readonly 기인하다:

<input type="text" readonly />

여기서 출처

그들은 제출되지 않습니다 그것이 W3C 사양에서 말하는 것입니다.

17.13.2 성공적인 통제

성공적인 제어는 제출에 "유효"입니다. [한조각

  • 비활성화 된 컨트롤은 성공할 수 없습니다.

다시 말해, 사양에 따르면 장애가있는 컨트롤은 유효하지 않은 것으로 간주되며 제출해서는 안된다고합니다.

세 가지를 사용하여 비활성화 할 수 있습니다.

  1. HTML : readonly 속성 (입력에 존재하는 값이 양식 제출에 사용할 수 있도록합니다. 또한 사용자는 입력 값을 변경할 수 없습니다).

  2. CSS : 'pointer-events':'none' (입력을 클릭하지 못하면 사용자가 차단)

  3. HTML : tabindex="-1" (키보드에서 입력을 탐색하도록 사용자가 차단)

Disabled 컨트롤은 성공할 수 없으며 성공적인 제어는 제출에 "유효합니다"입니다. 이것이 비활성화 된 컨트롤이 양식으로 제출하지 않는 이유입니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top