Ⅰ 在html裡面怎麼為一個按鈕添加圖片

方法1:

給圖片加一個onclick事件,用js事件來提交就可以實現。

例:<inputtype="image"src="圖片地回址"/>

方法答2:

有CSS把圖片設為按鈕背景就可以了

例:<inputname=""type="button"style="width:10px;height:10px;border:0;background:url(圖片路徑)no-repeatlefttop"/>

Ⅱ HTML button怎麼添加圖片


應該是這樣吧

文字和圖片都可以做成按鈕

Ⅲ 在html裡面怎麼為一個按鈕添加圖片

需要准備的材料分別有:電腦、瀏覽器、html編輯器。

1、首先,打開html編輯器,新專建html文件,例如:index.html,編屬寫問題基礎代碼

Ⅳ Html圖片按鈕效果代碼

如果是提交表單一類的按鈕,可以為:<img src="..." onclick="js函數">並在js中寫函數進行處理
如果是要跳轉頁面一類的按鈕 ,也可以寫為<a href="要跳轉的頁面"><img src="..."/></a> 答案補充 <input type="image" src="...">之後可以用mouseover更改它的src屬性

Ⅳ html用圖片代替提交按鈕問題

給type為image的input 添加onclick事件:

<form name="RedForm" action="#" >

<input type="image" name="..." src="..." onClick="document.formName.submit()">

</form>

fromName是表單的name屬性。

這段代碼沒有問題。復制測試是可以正常運行的。版所以JavaScript出錯應該是權Javascript代碼寫錯。

(5)htmlbutton圖片擴展閱讀:

美化提交按鈕的另一個方法:

用css為按鈕設置背景圖片。

提交按鈕的class為formsubmit:

.formsubmit{

background:url(../button.png) no-repeat bottom left;

width:247px;

height:60px;

cursor:pointer;

border:0px;

}

設置滑鼠經過的效果:

.formsubmit:hover{

background:url(../button_2.png);

}

Ⅵ HTMl,請問如何為一個按鈕添加圖片

試試這個
<input type="image" src="images/login_09.gif" name="Image1" width="46" height="35" border="0" id="Image1" onMouseOver="MM_swapImage('Image1','','images/login_09_1.gif',1)" onMouseOut="MM_swapImgRestore()">

Ⅶ <html:button 里可以設置按鈕的背景圖片嗎咋設置

1、新建一個文件夾,用來存放網頁文件和圖片,快捷鍵ctrl+shift+n。

Ⅷ HTML提交表單的BUTTON怎麼用圖片來顯示

需要准備的材料分別有:電腦、瀏覽器、html編輯器。

1、首先,打開html編輯器,新建html文件,例如:index.html,編寫問題基礎代碼。

Ⅸ html如何設置按鈕的背景圖片

1、首制先將網頁文件和需要到的圖片放到同一個文件中。

Ⅹ 在HTML中怎麼是按鈕帶上圖片

按鈕圖片輪換,那個就是採用了2個或多個按鈕圖片,然後點擊的時候根據你定義的值版而變換的。權這個需要你對CSS結構中的屬性值變換比較熟悉了。比如我們給一個引導圖片按鈕定義為1.jpg,那麼我們要做到滑鼠放上去,按鈕變成2.jpg,那麼我們就要用到onMouseOver屬性,具體屬性值根據你1.jpg的ID來定義,意思就是調用1.jpg的屬性來執行2.jpg圖片的顯示;給個簡單的例子。<a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('1','','2.jpg',1)"><br>
<img src="1.jpg" name="1" id="1" /></a>這個是給你的一個製作思路,希望對你有幫助。