HTML <input> ตรวจสอบแอตทริบิวต์

แอตทริบิวต์ที่ตรวจสอบแล้วขององค์ประกอบ ระบุว่าช่องทำเครื่องหมายประเภทอินพุตถูกตรวจสอบเมื่อหน้าเว็บโหลด คุณยังใช้แอตทริบิวต์นี้กับวิทยุประเภทอินพุตได้อีกด้วย

ต่อไปนี้เป็นไวยากรณ์ -

<input type=”checkbox” checked>

ด้านบน เราได้ตั้งค่าการตรวจสอบเนื่องจากเราต้องการให้ช่องทำเครื่องหมายถูกเลือกเมื่อโหลดหน้าเว็บ

ให้เราดูตัวอย่างการใช้แอตทริบิวต์ที่ตรวจสอบแล้วขององค์ประกอบ -

ตัวอย่าง

<!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" placeholder = "Enter date of birth here..."><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 = "checkbox" name = "vehicle" value = "Bike" checked>Newsletter Subscription: <br>
<button type = "submit" value = "Submit">Submit</button>
</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" placeholder = "Enter date of birth here..."><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 = "checkbox" name = "vehicle" value = "Bike" checked>Newsletter Subscription: <br>
<button type = "submit" value = "Submit">Submit</button>
</form>

ด้วยเหตุนี้ เราจึงได้ตั้งค่าช่องทำเครื่องหมาย −

<input type="checkbox" name="vehicle" value="Bike" checked>Newsletter Subscription:

ดังที่คุณเห็นด้านบน เราได้ตั้งค่าแอตทริบิวต์ที่ตรวจสอบแล้ว เพื่อให้ช่องทำเครื่องหมายประเภทอินพุตยังคงถูกทำเครื่องหมายเมื่อหน้าเว็บโหลด

HTML ตรวจสอบแอตทริบิวต์

ตัวอย่าง

ผลลัพธ์