HTML <input> width 屬性
實(shí)例
定義圖片為提交按鈕,帶有 height 和 width 屬性:
<form action="demo-form.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
嘗試一下 ?
瀏覽器支持
所有主流瀏覽器都支持 width 屬性。
定義和用法
width 屬性規(guī)定 <input> 元素的寬度。
注意:width 屬性只適用于 <input type="image">。
提示:為圖片指定 height 和 width 屬性是一個(gè)好習(xí)慣。如果設(shè)置了這些屬性,當(dāng)頁(yè)面加載時(shí)會(huì)為圖片預(yù)留需要的空間。而如果沒(méi)有這些屬性,則瀏覽器就無(wú)法了解圖像的尺寸,也就無(wú)法為其預(yù)留合適的空間。情況是當(dāng)頁(yè)面和圖片加載時(shí),頁(yè)面布局會(huì)發(fā)生變化。
HTML 4.01 與 HTML5之間的差異
width 屬性是 HTML5 中 <input> 標(biāo)簽的新屬性。
語(yǔ)法
<input width="pixels">
屬性值
值 | 描述 |
---|---|
pixels | 以像素計(jì)的寬度(比如 width="100")。 |
HTML <input> 標(biāo)簽
更多建議: