實(shí)例

用圖片作為提交按鈕的表單：

<form action="demo_form.asp" method="get">
First name: <input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
<input type="image" src="img_submit.gif" alt="Submit" width="128" height="128"/>
</form>

親自試一試

定義和用法

width 屬性只適用于 <input type="image">，它規(guī)定 image input 的寬度。

提示：為圖片指定高度和寬度是一個(gè)好習(xí)慣。如果設(shè)置了這些屬性，當(dāng)頁(yè)面加載時(shí)會(huì)為圖片預(yù)留需要的空間。而如果沒(méi)有這些屬性，則瀏覽器就無(wú)法了解圖像的尺寸，也就無(wú)法為其預(yù)留合適的空間。情況是當(dāng)頁(yè)面和圖片加載時(shí)，頁(yè)面布局會(huì)發(fā)生變化。

HTML 4.01 與 HTML 5 之間的差異

width 屬性是 <input> 標(biāo)簽在 HTML5 中的新屬性。

語(yǔ)法

<input width="pixels|%">

屬性值