使用JavaScript在圖片熱點按鈕提交表單資料

 

1、首先把表單form添加一個id=form1(id可以自己隨便起名字，重要的是在圖片按鈕使用時這個名字1被使用到)，並且填寫要發送到的網頁名Put_in.asp(這個網頁就是你準備接收本網頁發送過去訊息的)
如下：

<form name="form1" id="form1" method="post" action="Put_in.asp">

 

2、當你需要在一個按鈕的熱點上做串連，並且提交本頁的內容到接收網頁(Put_in.asp)，那麼在圖片上先畫出一個熱點，然後把熱點的href=""標籤改寫為：

<area shape="rect" coords="30,14,100,37" href="javascript:form1.submit();">

這裡的(form1)就是表單的id。

3、如果你的圖片不畫熱點也可以串連到指定的網頁，並且正確的發送你需要的資訊，在一個連結內部插入圖片並且在圖片的標籤中添加onClick=""(滑鼠點擊事件)，然後在改寫成：

<a href="#"><img src="logo.jpg" onClick="javascript:form1.submit();" /></a>

就可以了。

4、下面是重設按鈕的寫法：
   使用圖片熱點 href="javascript:form1.reset();"
   使用圖片滑鼠點擊事件 onClick="javascript:form1.reset();"

好了，這樣你就可以不需要那個難看的表單按鈕來做網頁了。 

netken