第三篇
HTML教學
第九節
網頁表單
圖像表單用於影像地圖範例
影像地圖 HTML 標籤
<Form
Method
="
Post
"
Action
="
URL
">
<Input
Type
="
Image
"
Name
="
Picture
"
Src
="
URL
"
Align
="
Top
"
Width
="
300"
Height
="
300
"
Border
="
0
">
</Form>
傳送點選座標位置給伺服器處內程式理用,因影像地圖比較方便,現在已很少見到這種用法,建議少用。
請在圖片任何範圍內點一下,您就可以看到網址列上 X , Y 值的顯示變化。
Type
="
Image
"
使用時機:大多數都用於欲將一般按鈕樣式,改為圖像(檔)按鈕時使用。
<
Form
>
...
<
/Form
>
表單開始與結束宣告,此對標籤絕對不能省略,這裡用不到屬性
Value
值。
屬性
Type
="
Image
"
將一般(預設)按鈕樣式,改成圖像(檔)按鈕。
注意:這也是有別於 "
Submit
" 與 "
Reset
" 按鈕喔。
屬性
Name
="
Picture
"
為必要設定值,提供給後端程式處理的變數值
(取名稱時最好與欄位有關)
。
屬性
Src
="
URL
"
指定程式存放的所在位置及檔,可使用相對路徑或絕相對路徑。
屬性
Align
="
Top
"|"
Middle
"|"
Bottom
"|"
Left
"|"
Right
" ,圖片排列方式,請參考 C0305 網頁圖片教學。
請按
檢視原始檔,打開記事本查看
本頁
HTML
原始碼。