第三篇
HTML教學
網頁研習室 第九節
網頁表單
 
 圖像表單型態 Image Form 範例
Type="Image" 用於圖片檔案範例
<Form Method="Post" Action="URL">
<Input Type="Image" Name="Submit" Src="Submit.gif" Align="Top" Alt="確認送出">
<Input Type="Image" Name="Reset" Src="Reset.gif" Align="Top" Alt="清除重填">
</Form>
顯示結果      
Type="Image"指示使用時機:大多數都用於欲將一般按鈕樣式,改為圖像(檔)按鈕時使用。
<Form> ... </Form>指示表單開始與結束宣告,此對標籤絕對不能省略,這裡用不到屬性 Value 值。
屬性 Type="Image"指示將一般(預設)按鈕樣式,改成圖像(檔)按鈕。
注意:這是有別於 "Submit" 與 "Reset" 按鈕喔,不清楚請回頭再研習一次 進入查看顯示結果
屬性 Name="Submit"指示為必要設定值,提供給後端程式處理的變數值 (取名稱時最好與欄位有關)
屬性 Src="Submit.gif"指示圖片檔案名稱,請參考 C0305 網頁圖片教學。
屬性 Align="Top"|"Middle"|"Bottom"|"Left"|"Right"指示圖片排列方式,請參考 C0305 網頁圖片教學。
屬性 Alt="圖檔代替文字"指示當圖檔無法顯示時可以取代使用,請參考 C0305 網頁圖片教學。
既然是圖片檔案,除了 Align 屬性外當然還有 WidthHeight ... 等等圖檔使用的屬性可用範例
請按滑鼠右鍵下一步驟檢視原始檔,打開記事本查看下一步驟本頁 HTML 原始碼。