HTML <input> แอตทริบิวต์ความสูง
ตัวอย่าง
กำหนดรูปภาพเป็นปุ่มส่ง โดยมีแอตทริบิวต์ความสูงและความกว้าง:
<form action="/action_page.php">
<label for="fname">First name:</label>
<input type="text" id="fname"
name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>
ความหมายและการใช้งาน
แอตทริบิวต์height
ระบุความสูงของ
<input>
องค์ประกอบ
หมายเหตุ:คุณลักษณะheight
นี้ใช้เฉพาะกับ
<input type="image">
.
เคล็ดลับ:ระบุทั้ง แอตทริบิวต์ height
และ
width
แอตทริบิวต์สำหรับรูปภาพเสมอ หากมีการตั้งค่าความสูงและความกว้าง พื้นที่ที่จำเป็นสำหรับรูปภาพจะถูกสงวนไว้เมื่อโหลดหน้า อย่างไรก็ตาม หากไม่มีคุณลักษณะเหล่านี้ เบราว์เซอร์จะไม่ทราบขนาดของรูปภาพ และไม่สามารถจองพื้นที่ที่เหมาะสมได้ ผลที่ได้คือเลย์เอาต์ของหน้าจะเปลี่ยนไประหว่างการโหลด (ในขณะที่โหลดรูปภาพ)
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนแอตทริบิวต์อย่างเต็มที่
Attribute | |||||
---|---|---|---|---|---|
height | Yes | Yes | 16.0 | Yes | Yes |
ไวยากรณ์
<input height="pixels">
ค่าแอตทริบิวต์
Value | Description |
---|---|
pixels | The height in pixels (e.g. height="100") |
❮ แท็ก HTML <input>