ตัวอย่าง
กำหนดภาพเป็นปุ่มส่งที่มี height และ width คุณลักษณะ:
<form action="demo_form.asp">
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="48"
height="48">
</form>
ลองตัวเอง» ความหมายและการใช้งาน
width แอตทริบิวต์ระบุความกว้างของ <input> องค์ประกอบ
หมายเหตุ: width แอตทริบิวต์ใช้เฉพาะกับ <input type="image">
เคล็ดลับ: เสมอระบุทั้ง height และ width แอตทริบิวต์สำหรับภาพหากสูงและความกว้างมีการกำหนดพื้นที่ที่จำเป็นสำหรับภาพจะถูกสงวนไว้เมื่อโหลดหน้าเว็บ แต่ไม่มีคุณสมบัติเหล่านี้เบราว์เซอร์ไม่ทราบขนาดของภาพและไม่สามารถจองพื้นที่ที่เหมาะสมกับมัน ผลจะเป็นไปได้ว่ารูปแบบหน้าจะมีการเปลี่ยนแปลงระหว่างการโหลด (ในขณะที่ภาพโหลด)
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่แอตทริบิวต์
| คุณลักษณะ | |||||
|---|---|---|---|---|---|
| width | 1.0 | ใช่ | 16.0 | ใช่ | 1.0 |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
width แอตทริบิวต์ใหม่สำหรับ <input> แท็กใน HTML5
วากยสัมพันธ์
<input width="pixels">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| pixels | ความกว้างพิกเซล (เช่น width="100" ) |