HTML 5 <input> height 屬性
實(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>
定義和用法
height 屬性只適用于 <input type="image">,它規(guī)定 image input 的高度。
提示:為圖片指定高度和寬度是一個好習(xí)慣。如果設(shè)置了這些屬性,當(dāng)頁面加載時會為圖片預(yù)留需要的空間。而如果沒有這些屬性,則瀏覽器就無法了解圖像的尺寸,也就無法為其預(yù)留合適的空間。情況是當(dāng)頁面和圖片加載時,頁面布局會發(fā)生變化。
HTML 4.01 與 HTML 5 之間的差異
height 屬性是 <input> 標(biāo)簽在 HTML5 中的新屬性。
語法
<input height="pixels|%">
屬性值
值 | 描述 |
---|---|
pixels | 以像素計的高度。(比如 "100px" 或僅僅是 "100")。 |
% | 以包含元素的百分比計的高度(比如 "50%") |