데이터를 제출하지 않는 비활성화 된 양식 필드

데이터를 제출하지 않는 비활성화 된 양식 필드

---

데이터를 제출할 수없는 양식 필드를 사용 가능하게하는 방법이 있습니까 (속성 플래그 또는 이와 유사한 방법으로)?

또는 가능하지 않은 경우 필드를 숨기지 않고 css 또는 비활성화 된 것 이외의 다른 속성으로 필드를 편집하지 못하게하는 방법이 있습니까?

현재 나의 특별한 경우는 (편집 불가능한) 형식으로 표시되어야하는 데이터 세트의 식별자입니다. 더 나은 해결책이 없다면 실제 사용하지 않는 숨겨진 필드 외에도 숨겨진 필드를 사용한다고 생각합니다. 비활성화 된 값을 표시합니다.

---

읽기 전용 속성 http://www.w3schools.com/tags/att_input_readonly.asp를 확인하십시오.

---

Disabled속성이있는 요소 는 제출되지 않거나 해당 값이 게시되지 않았다고 말할 수 있습니다.

즉

<input type="textbox" name="Percentage" value="100" disabled="disabled" /> 

참고로,

1. 비활성화 된 컨트롤에는 포커스가 없습니다.
2. 탭 탐색에서 비활성화 된 컨트롤을 건너 뜁니다.
3. 비활성화 된 컨트롤을 게시 할 수 없습니다.

readonly사례에 속성을 사용할 수 있습니다. 이렇게하면 필드 데이터를 게시 할 수 있습니다.

즉

<input type="textbox" name="Percentage" value="100" readonly="readonly" />

참고로,

1. 읽기 전용 요소는 포커스를 받지만 사용자가 수정할 수는 없습니다.
2. 탭 탐색에는 읽기 전용 요소가 포함됩니다.
3. 읽기 전용 요소가 게시되었습니다.

참고 : READONLY는 확인란 및 선택 태그에서 작동하지 않습니다.

에서 참조

---

이미 언급했듯이 and READONLY에는 작동하지 않습니다 .<input type='checkbox'><select>...</select>

당신이이 경우 Form장애인 체크 박스 / 선택과 및 그 제출해야합니다, 당신은 jQuery를 사용할 수 있습니다 :

$('form').submit(function(e) {
    $(':disabled').each(function(e) {
        $(this).removeAttr('disabled');
    })
});

이 코드는 disabled제출시 모든 요소에서 속성을 제거합니다 .

---

다음과 같이 POST 작업을 허용하는 "비활성화"하려는 필드 (회색 배경과 함께)에 CSS pointer-events : none을 사용하십시오.

<input type="text" class="disable">

.disable{
pointer-events:none;
background:grey;
}

참조 : https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

---

아래 속성과 함께 만 읽기 전용을 사용할 수도 있습니다.

읽기 전용 onclick = '거짓 반환;'

읽기 전용 만 사용하면 라디오 버튼을 편집 할 수 있기 때문입니다. 이 상황을 피하기 위해 위의 조합으로 읽기 전용을 사용할 수 있습니다. 편집을 제한하고 양식 제출 중에 요소 값도 전달됩니다.

---

입력 요소에 CSS 또는 클래스를 추가하여 다음과 같은 select 및 text 태그에서 작동합니다.

style = "포인터 이벤트 : 없음; 배경색 : # E9ECEF"

참고 URL : https://stackoverflow.com/questions/8925716/disabled-form-fields-not-submitting-data