上一節，我們學習了三種按鈕，很多人都會覺得浏覽器默認的按鈕太過於呆板，那想做一個漂亮的按鈕，究竟該怎麼辦呢？這就用到了圖片域image。
語法：
<input type="image" src="圖像的路徑"/>
說明：
圖片域image既擁有按鈕的特點，也擁有圖像的特點。因此，它需要設置圖片的路徑，方法跟img標簽引用圖片設置路徑一樣。參考“相對路徑和絕對路徑”。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<form name="form1" method="post" action="index.html">
賬號：<input type="text"/><br/>
密碼：<input type="text"/><br/>
<!--3個牛逼SP-->
<input type="image" src="images/登陸按鈕.jpg"/>
</form>
</body>
</html>
在浏覽器預覽效果如下：
分析：
3個牛逼sp（ ）是為了讓圖片域image移動到中間去。
疑問1、如果要做一個美觀好看的按鈕，是不是都得用圖片域image來實現呢？
我們完全可以用圖片域image來實現各種漂亮的按鈕，但是在前端開發中，我們更多的是使用CSS3來實現。因為前端有一個不成文的規定是，圖片往往數據傳輸大，對於頁面效果能不用圖片就盡量不用圖片，而是盡量使用CSS來實現。