HTML input width 屬性

2018-11-18 15:54 更新

HTML <input> width 屬性

HTML input 標(biāo)簽參考手冊(cè) HTML <input> 標(biāo)簽

實(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>

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 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)簽參考手冊(cè) HTML <input> 標(biāo)簽
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)