在做網頁時,有時候需要製作按鈕,但是一般的按鈕實在很醜,如下圖:

button.jpg  

圖片也是可以當作按鈕,只要將語法改變一下即可,一般要製作表單按鈕時都是使用下列語法:

  提交:<input type ="submit" value="確認">

重置:<input type ="reset" value="重置">

當把按鈕換成圖片時,可使用下列語法:

  提交:<input type="image" src="image.jpg" onClick="document.formname.submit();">

重置:<input type="image" img src="images/image.jpg" onClick="document.formname.reset();">

另一種<a></a>超連結做法:

  提交:<a href="javascript:formname.submit();"><img src="image.jpg"></a>

重置:<a href="javascript:formname.reset();"><img src="image.jpg"></a>

PS.formname自行更改為 form 的定義名稱

arrow
arrow
    全站熱搜

    英傑銳數位設計 發表在 痞客邦 留言(1) 人氣()