HTML <input> ความกว้างแอตทริบิวต์

แอตทริบิวต์ width ขององค์ประกอบ ใช้กับรูปภาพเท่านั้นและอนุญาตให้คุณตั้งค่าความกว้างของรูปภาพที่เพิ่มโดยใช้ −

<input type=”image”>

แอตทริบิวต์ width ที่นำมาใช้ใน HTML5 และทำหน้าที่เป็นปุ่มส่ง ต่อไปนี้เป็นไวยากรณ์ -

<input width="pixels">

ด้านบน width แทนความกว้างเป็นพิกเซล

ให้เราดูตัวอย่างการใช้แอตทริบิวต์ width ขององค์ประกอบ ซึ่งความกว้างถูกกำหนดไว้สำหรับรูปภาพประเภทอินพุต -

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
<h2>Register</h2>
<form action="" method="get">
   Id − <input type="text" name="id" placeholder="Enter UserId here..." size = "25"><br>
   Password − <input type="password" name="pwd" placeholder="Enter password here..."><br>
   DOB − <input type="date" name="dob"><br>
   Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..."><br>
   Email − <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br>
   <input type="image" src="go.jpg" alt="Submit" width="120" height="60">
</form>
</body>
</html>

ผลลัพธ์

HTML input ความกว้างแอตทริบิวต์

ในตัวอย่างข้างต้น เรามีแบบฟอร์มที่มีปุ่มสำหรับใส่รูปภาพ −

<form action="" method="get">
   Id − <input type="text" name="id" placeholder="Enter UserId here..." size = "25"><br>
   Password − <input type="password" name="pwd" placeholder="Enter password here..."><br>
   DOB − <input type="date" name="dob"><br>
   Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..."><br>
   Email − <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br>
   <input type="image" src="go.jpg" alt="Submit" width="120" height="60">
</form>

รูปภาพสำหรับปุ่มจะถูกเพิ่มด้วยอิมเมจประเภทอินพุตของตัวควบคุมฟอร์ม -

<input type="image" src="go.jpg" alt="Submit" width="120" height="60">

แอตทริบิวต์ width ใช้เพื่อกำหนดความกว้างของชุดรูปภาพนี้

HTML ความกว้างแอตทริบิวต์

ตัวอย่าง

ผลลัพธ์