How to specify that an element should be pre-selected when the page loads in HTML?


Use the checked attribute to specify an <input> element is to be pre-selected on page load. The attribute works with −

<input type = "checkbox">
<input type = "radio">.

Example

You can try to run the following code to implement checked attribute in HTML −

 Live Demo

<!DOCTYPE html>
<html>
   <body>
      <p>Which sports do you like?</p>
      <form action = "" method = "get">
         <input type = "checkbox" name = "vehicle" value = "football" checked> Football<br>
         <input type = "checkbox" name = "vehicle" value = "cricket" checked> Cricket<br>
         <input type = "checkbox" name = "vehicle" value = "hockey"> Hockey<br>
         <input type = "submit" value = "Submit">
      </form>
   </body>
</html>

Updated on: 28-May-2020

117 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements