POST/PUT 아이콘은 어떻게 만듭니 까?

Question

<input type=image ...>은 x, y 좌표를 전송하기 때문에 갈 길이 없습니다.

아이콘을 클릭하면 POST 또는 PUT으로 제출하고 싶으므로 form, input 작업이 있어야합니다.

<form action="" method="PUT" name="abc_table_form"> 
    display icons 

</form> 

올바른 방법은 무엇입니까?

감사합니다.

---

<table> 
    <row1> <form action="http://google.com/123/"> <button> icon1 </button></form> </row1> 
    <row2> <form action="http://google.com/456/"> <button> icon1 </button></form> </row2> 
</table> 

양식은 테이블에 여분의 공간을 추가합니다. 추악 해 보인다. 양식의 동작이 다르므로 여기 <button>은 form의 동작을 기반으로합니다. 이 문제를 해결할 올바른 방법은 무엇입니까?

Answer 1

양식 only support POST and GET.

이미지 입력은 POST 양식을 제출합니다 (이미지가 서버 측 이미지 맵으로 사용되도록 설계 되었기 때문에 이미지에 좌표를 제출하지 않으면 실제로 적합하지 않습니다).

<button type="submit"> <img src="..." alt="Submit"> </button>은 이미지를 사용하여 양식을 제출하는 의미있는 방법입니다 (Internet Explorer의 일부 버전은 이에 대한 응답으로 이상한 값을 제출할지라도).

브라우저에서 다른 방법 (예 : PUT)을 사용하여 HTTP 요청을하려면 XMLHttpRequest를 사용하고 JavaScript를 사용하여 구성해야합니다. 이것에 대한 브라우저 지원은 약간의 변수입니다.

Answer 2

<table> 
<tr><td> <form action="..." method=POST><button><img src=test.png alt=Test></button> 
    <input type=hidden name=foo value=bar></form> 
<tr> ... 
</table> 

즉, 각 이미지를 버튼으로 감싸고 버튼을 자체 양식으로 포장하십시오. 양식 모두에 동일한 action 속성이 있어도 견고한 순수 HTML 방식으로 다른 데이터 (예제에서는 foo의 다른 값)를 전달하기 위해 별도의 양식이 필요합니다. 그 이유는 숨겨진 필드를 사용하여이 작업을 수행하고 그 양식을 둘러싼 양식과 관련이 있기 때문입니다.

스타일링의 경우 다음을 고려하십시오.

형식 {display : inline; } button {border : none; 패딩 : 0; }

이미지를 클릭 할 가능성이 없도록 표시하므로 페이지에서 산문으로 설명해야합니다.

양식을 표 행으로 감쌀 수 없습니다 (물론 1 행짜리 표인 경우 제외). 각 양식 내에 다양한 매개 변수를 별도로 포함시켜야합니다 (서로 다른 양식에 동일한 input type=hidden 요소가있는 데는 문제가 없습니다). 그것은 어리 석었지만 어쨌든 프로그래밍 방식으로 페이지를 생성 할 가능성이 높습니다. 프로그램은 무딘 것을 선호합니다.