데이터 제출에 관한 질문

제출할 데이터를 입력 태그에 배치해야 하나요, 아니면 텍스트 영역 태그에 배치해야 하나요? 다른 라벨에 넣으면 안되나요? 예를 들어, 왜 스팬 태그가 작동하지 않습니까? 입력이나 텍스트 영역을 사용하는 것이 불편한 경우 어떻게 해야 하나요?

답글 내용:

제출할 데이터를 입력 태그에 배치해야 하나요, 아니면 텍스트 영역 태그에 배치해야 하나요? 다른 라벨에 넣으면 안되나요? 예를 들어, 왜 스팬 태그가 작동하지 않습니까? 입력이나 텍스트 영역을 사용하는 것이 불편한 경우 어떻게 해야 하나요?

그런 다음 js를 사용하여 이러한 태그의 콘텐츠를 가져온 다음 제출할 데이터로 조합한 다음 ajax를 통해 백엔드에 제출할 수도 있습니다.

간단한 HTML 양식 제출은 확실히 작동하지만 js를 사용하여 처리하는 경우 js를 사용하여 값을 얻을 수 있는 한 어디에든 넣을 수 있습니다. .

양식 제출

브라우저가 양식을 제출하는 방법, 즉 양식을 제출할 때 브라우저가 수행하는 작업은 무엇입니까?

브라우저는 모든 양식 컨트롤을 서버로 보내지 않습니다. 대신 모든 [성공 컨트롤]을 검색하고 이러한 성공적인 컨트롤의 데이터만 서버로 보냅니다.
간단히 말하면 성공적인 컨트롤은 양식의 각 컨트롤에 이름 속성과 "현재 값"이 있어야 하며 제출 시 이름=값 형식으로 제출된 데이터의 일부가 됩니다.
일부 특별한 상황의 경우 성공 제어에는 다음 조항도 있습니다.

1. 컨트롤은 [disabled] 상태일 수 없습니다. 즉, [disabled="disabled"]를 지정하세요. 즉, 비활성화된 컨트롤은 성공적인 컨트롤이 아닙니다.

2. 양식에 제출 버튼이 여러 개 포함된 경우 사용자가 클릭한 제출 버튼만 성공적인 컨트롤로 간주됩니다.

3. 체크박스 컨트롤의 경우 사용자가 선택한 컨트롤만 성공적인 컨트롤로 간주됩니다.

4. 라디오 버튼의 경우 사용자가 선택한 버튼만 성공적인 컨트롤로 간주됩니다.

5. 선택 컨트롤의 경우 선택한 모든 옵션이 성공 컨트롤로 사용되며 이름은 선택 컨트롤에서 제공됩니다.

6. 파일 업로드 파일 제어의 경우 선택한 파일이 포함되어 있으면 제어 성공입니다.

또한 브라우저는 재설정 버튼과 OBJECT 요소를 고려하지 않습니다.

참고:

1. 체크박스와 라디오 버튼의 경우 성공적인 컨트롤로 확인되었지만 컨트롤에 값 속성이 지정되지 않은 경우 양식을 제출할 때 "on"이 해당 값으로 사용됩니다.

2. 서버에서 양식 컨트롤의 값을 읽을 수 없는 경우 위 규칙을 충족하는지 확인하세요.

따라서 form 양식 제출은 위 html 유형만 인식할 수 있으며, 다른 유형 form은 제출 시 서버에 제출되지 않습니다

---

Fish Li에서 참고