일반적으로 사용되는 <입력 유형 = "image" /> 란 무엇입니까?

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

  •  06-07-2019
  •  | 
  •  

문제

나는 그것을 클릭했고 양식은 다음과 같이 추가 된 쿼리 문자열과 함께 제출됩니다. x=1&y=2 양식의 동작을 대상으로하는 URL에.

왜요?

도움이 되었습니까?

해결책

그것은 미니 imagemap처럼 행동합니다. 이것은 디자인에 의한 것입니다.

다른 팁

그만큼 x 그리고 y 값은 클릭 할 때 요소에 대한 마우스 포인터의 코디네스입니다.

로부터 HTML 4.02 사양:

포인팅 장치를 사용하여 이미지를 클릭하면 양식이 제출되고 클릭 좌표가 서버로 전달됩니다. x 값은 이미지의 왼쪽에서 픽셀로, y 값은 이미지 상단의 픽셀로 측정됩니다. 제출 된 데이터에는 name.x = x-value 및 name.y = y-value가 포함됩니다. 여기서 "이름"은 이름 속성의 값이고 x- 값과 y- 값은 각각 x 및 y 좌표 값입니다.

이미지는 양식의 입력 요소에 대한 유형 속성 값입니다. 정보를 처리 스크립트로 전달하기 위해 클릭 할 수있는 이미지를 지정합니다. 구현 시이 양식 유형은 입력 유형 = 제출 필드와 매우 유사하지만 제출 필드와 달리 활성화 된 이미지의 좌표는 나머지 양식 데이터 외에 서버로 다시 전송됩니다.

~에서 eskimo.com

IE와 Firefox는 이미지 제출 버튼에서 제출할 때 다른 변수를 생성합니다. 저의 조언은 양식 처리에 존재하는 것 중 어느 누구도 의존하지 않는 것입니다. 여러 버튼을 누르는 경우 (어떤 버튼을 누르는 지) 여러 변수를 확인해야합니다.

브라우저가 문제를 일으키고 처음 두 가지는 계산하지 않는 세 가지 추측을 알려 드리겠습니다. 이미지 버튼이있는 경우 

<input type="image" name="restore" value="Restore" src="...">

사용자가 클릭하면 Mozilla는 값을 반환합니다.

복원 = 복원

Restore_X = 이미지 상단의 픽셀 수

Restore_y = 이미지의 왼쪽 가장자리에서 픽셀 수

그러나 즉, 윌 ~ 아니다 복원 = 복원 템플릿 키/값을 반환합니다. 따라서 하나의 브라우저에서 개발 한 다음 IE에서 테스트하면 잡힐 수 있습니다.

isset($_POST['restore'])

IE에서 항상 거짓을 되돌릴 것이지만, Mozilla에서 예상대로 작동합니다 (아마도 오페라이지만 내 머리 꼭대기를 모릅니다).

  • 2004 년 WebmasterWorld.com 포럼 게시물에서 방금 Googled

이는 "이미지"유형의 입력 제어 속성 인 이미지를 클릭 한 좌표입니다. 필요하지 않은 경우 무시할 수 있습니다.

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