說起圖形系,可能有人馬上想到<input type="image">
,可惜那是謬誤,不要想當然,那是一個提交按鈕。HTML有多少提交按鈕,如不寫type屬性的button標簽,type="submit"的input標簽,還有type="image"的input標簽。
不過,input[type=image]在提交時,會將提交時點擊按鈕的offset坐標也提交上去。
x 坐標將以控件名稱后加 .x 提交,y 坐標將以空間名稱后加 .y 提交
<input type="image" name="aaa" value="333">
可能提交數據為aaa.x=99&aaa.y=109, value值會被忽略。這可以用判定是否真實用戶提交。
言歸正轉,真實的圖形系表單元素是指area與map元素。
<img src="planets.gif" alt="Planets" usemap ="#planetmap" /><map name="planetmap"> <area shape ="rect" coords ="0,0,110,260" href ="sun.