Complete html form part 6

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>

 

 

 

 

Leave a Reply