HTML Forms use the <form> tag to collect user input through various interactive controls. These controls range from text fields, numeric inputs, and email fields to password fields, checkboxes, radio buttons, and submit buttons
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <div class="container" style="background:wheat; padding:20px"> <form action="abc.php" method="post" enctype="multipart/form-data"> <div class="form-group"> <label class="form-label">Name</label> <input type="text" name="name" class="form-control" placeholder="Enter your name.."> </div> <div class="form-group"> <label class="form-label">Email</label> <input type="email" name="email" class="form-control" placeholder="Enter your name.."> </div><br/> <div class="form-group"> <label class="form-label">Photo</label> <input type="file" name="photo" class="form-control"> </div><br/> <div class="form-group"> <label class="form-label">Gender</label><br/> <input type="radio" name="gender" class="" placeholder="Enter your name.." id="male" value="male"> <label for="male">Male</label> <input type="radio" name="gender" class="" placeholder="Enter your name.." id="female" value="female"> <label for="female">Female</label> </div><br/> <div class="form-group"> <label class="form-label">Who is your favrate actors ?</label><br/> <input type="checkbox" name="hero" class="" placeholder="Enter your name.." id="salmaan" value="salmaan"> <label for="salmaan">Salmaan</label> <input type="checkbox" name="hero" class="" placeholder="Enter your name.." id="shahrukh" value="Shahrukh"> <label for="shahrukh">Shahrukh</label> <input type="checkbox" name="hero" class="" placeholder="Enter your name.." id="aamir" value="Aamir"> <label for="aamir">Aamir</label> </div> <br/> <div class="form-group"> <button type="submit" class="btn btn-success">Submit</button> </div> </form> </div>