이미지 유형 버튼으로 HTML 양식으로 제출시 x와 y를 제거하는 방법은 무엇입니까?

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

  •  03-07-2019
  •  | 
  •  

문제

다음과 같이 응용 프로그램에서 양식을 작성했습니다.

<form action="/search/" method="get">
   <input id="search-box" name="search" type="text" size=30 title="Search" value="" />
   <input id="search-submit" type="image" alt="Search" src="/images/search-button.gif" /> 
</form>

그러나 내 양식을 제출할 때 URL은 다음과 같이 생성됩니다.

mysitename.com/search/?search=hello&x=0&y=0

누구 든지이 X와 Y가 내 URL에 오는지 말해 줄 수 있습니까? 내 양식 코드를 아래에서 변경 한 다음 잘 작동하면 이미지 버튼 대신 더 많은 것입니다. 

<form action="/search/" method="get">
   <input id="search-box" name="search" type="text" size=30 title="Search" value="" />
   <input id="search-submit" type="submit" value="Search"/> 
</form>

하지만 내 양식을 좋아 보이려면 이미지 버튼이 필요합니다. URL 에서이 x 및 y 매개 변수를 제거하는 방법을 알려주십시오.

도움이 되었습니까?

해결책

제출 버튼 유형 = "이미지"에 대한 마우스 코디네이트는 항상 얻을 수 있습니다.

표준 제출 유형 버튼을 사용하고 스타일을 적용하여 모양을 변경할 수 있습니다.

<input type="submit" id="search-submit" value=""
    style="background-image: url(/images/search-button.gif); border: solid 0px #000000; width: WIDTHpx; height: HEIGHTpx;" />

다른 팁

그들은 클릭의 마우스 좌표입니다. 나는 당신이 그들을 예방할 수있는 방법이 있다고 생각하지 않습니다 - 당신이 <input type='image'> 그럼 당신은 그들을 얻습니다. 왜 문제입니까? 그냥 무시할 수 없습니까?

Prashant의 의견에 응답 : Digg가 추가하고 있습니다 onclick 핸들러 <input> (또는 아마도 onsubmit 깔끔한 검색 URL을 구축하고 브라우저를 해당 URL로 리디렉션 한 다음 반환하는 양식의 핸들러) false 방지하기 위해 <input> 양식 자체를 제출하는 것입니다. JavaScript를 끄면 x 그리고 y URL의 매개 변수. 영리한!

document.getElementById("formid").submit = function() {
    location = "/search/?search=" + encodeURIComponent( document.getElementById("search-box").value );
    return false;
};

이미지 버튼의 경우 값을 간단히 설정할 수 있습니다. 이는 일반 좌표 동작을 무시합니다. 그것은 나를 위해 일했다.

예를 들어 : 

<input type="image" value="submit" src="sup.png" name="supprimer" />

PHP 변수를 반환합니다 $_POST['supprimer'] 이미지 버튼으로 좌표가 아닙니다. 이 트릭이 도움이되기를 바랍니다.

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