HTML 5 <input> width 屬性
實(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ù)留需要的空間。而如果沒有這些屬性，則瀏覽器就無(wú)法了解圖像的尺寸，也就無(wú)法為其預(yù)留合適的空間。情況是當(dāng)頁(yè)面和圖片加載時(shí)，頁(yè)面布局會(huì)發(fā)生變化。
HTML 4.01 與 HTML 5 之間的差異
width 屬性是 <input> 標(biāo)簽在 HTML5 中的新屬性。
語(yǔ)法
<input width="pixels|%">
屬性值
| 值 | 描述 |
|---|---|
| pixels | 以像素計(jì)的寬度。（比如 "100px" 或僅僅是 "100"）。 |
| % | 以包含元素的百分比計(jì)的寬度（比如 "50%"） |