2014年5月28日 星期三

html javascrip 圖式/連結 按鈕


圖片也是可以當作按鈕,只要將語法改變一下即可,一般要製作表單按鈕時都是使用下列語法:
 提交:<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 的定義名稱





參考:
http://injerry.pixnet.net/blog/post/29331940-%5Bhtml%5D%E5%9C%96%E7%89%87%E5%9E%8B%E8%A1%A8%E5%96%AE%E6%8C%89%E9%88%95button

沒有留言:

張貼留言