제출 입력 유형의 href를 설정하십시오

Question

과 같은 것이있을 수 있지만 제출 버튼이 아닌 이미지 일 수 있습니까? href과 같은 것이 있습니까?

Answer 1

HTML은 이미 그것을 가지고 src을 정의하면 클릭 좌표가 서버로 전송됩니다.

Official documentation.

편집 - 양식 제출 자체는 동일하지만, 클릭 된 버튼의 서버로 전송 된 값이 <input type="submit" /> 및 <input type="image" /> 간의 한 가지 차이점이있다. 일반 제출 버튼을 사용하면 버튼의 값이 이름과 함께 전송되어 양식이 제출되었는지 여부를 알 수 있습니다. 이미지 입력의 경우, 각 브라우저가 다르게 동작합니다. 일부는 좌표를 전송하는 값을 보내지 만 더 이상이 값을 사용할 수 없습니다. 그래서, 이미지 버튼을 사용하여 서버 사이드 코드에 제출 된 버튼 값에 의존한다면 이 아니라 좋은 아이디어입니다.

Answer 2

가장 간단한 방법은 이미지를 HTML 양식 태그를 사용하는 제출 버튼으로 사용하는 것입니다. 당신이 정확하게 제출 버튼을 클릭 같다 클릭 대신 value

<input type="image" src="myimage.png" /> 

:

<input type="image" src="IMAGE.GIF" alt="Submit button"> 

그러나, 당신은 또한 더 견고 자바 스크립트를 사용할 수

<a href="javascript:document.your_form_name.submit()"> 
    <img src="IMAGE.gif" alt="Submit this form" name="sub_but" /> 
</a> 

Answer 3

<input type="image" src="image.png" /> 정확히 무엇을 요구합니까. 클릭 한 좌표에 대해 name.x 및을 전송하기 때문에 name 속성에 의존 할 수 없습니다 (예를 들어 서버 측 코드에서 해당 양식에 대한 참조로 확인한 경우).

그렇다면 image 입력 유형은 본질적으로 대부분의 경우 제출 버튼과 동일합니다.

Answer 4

기본 제출 버튼을 표시하는 대신 이미지를 사용할 수 있습니다.

form input[type=submit] { 
      background : url("submit.png") no-repeat center center; 
      width : 115px; /* As per requirement */ 
     height :52px; /* As per requirement */ 
     border : none; 
     color : transparent; 
} 

일부 브라우저에서는 type = "image"지원이 부족하므로 위에서 언급 한 스타일은 안전한 방법입니다.

Answer 5

이렇게 할 수 있습니다. 'scr'에서 이미지 링크를 넣을 수 있습니다. 그것은 이미지 버튼처럼 될 것입니다.

<input type="image" src="images/submit.jpg" value="Submit" alt="Submit">