แอตทริบิวต์ที่ตรวจสอบใน HTML ใช้เพื่อตั้งค่าให้องค์ประกอบ ถูกเลือกไว้ล่วงหน้าเมื่อโหลดหน้าเว็บ
ใช้ได้กับวิทยุประเภทอินพุตและช่องทำเครื่องหมาย
ให้เราทำงานกับแอตทริบิวต์ที่ทำเครื่องหมายไว้สำหรับช่องทำเครื่องหมายเช่นช่องทำเครื่องหมายประเภทอินพุต ต่อไปนี้เป็นไวยากรณ์ -
<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>
ผลลัพธ์
ในตัวอย่างข้างต้น เรามีรูปแบบที่มีองค์ประกอบอินพุตและปุ่ม −
<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: