Thuộc tính đã kiểm tra HTML

Thuộc tính đã kiểm tra trong HTML được sử dụng để đặt phần tử được chọn trước khi tải trang.

Điều này hoạt động cho hộp kiểm và radio loại đầu vào.

Hãy để chúng tôi làm việc trên thuộc tính đã chọn cho hộp kiểm, tức là hộp kiểm loại đầu vào. Sau đây là cú pháp -

<input type=”checkbox” checked>

Ở trên, chúng tôi đã đặt nó được chọn vì chúng tôi muốn hộp kiểm được chọn khi trang web tải. Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính đã kiểm tra của phần tử -

Ví dụ

<!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>

Đầu ra

Thuộc tính đã kiểm tra HTML

Trong ví dụ trên, chúng ta có một biểu mẫu với các phần tử đầu vào và một nút -

<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>

Chúng tôi đã đặt một hộp kiểm bằng cách sử dụng hộp kiểm loại đầu vào. Để đặt nó được chọn khi trang web tải, thuộc tính đã chọn được sử dụng -

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