<form action="">
<p>Frontend Corses :</p>
<input type="checkbox" name="feCorse[]" id="html" value="html" checked />
<label for="html"> HTML</label>
<input type="checkbox" name="feCorse[]" id="css" value="css" />
<label for="css"> CSS</label>
<input type="checkbox" name="feCorse[]" id="js" value="js" />
<label for="js" > JS</label>
</form>
<form action="">
<p>Backend Corses :</p>
<input type="checkbox" name="bkCorse[]" id="php" value="php" />
<label for="php"> PHP</label>
<input type="checkbox" name="bkCorse[]" id="mysql" value="mysql" checked />
<label for="mysql"> MySQL</label>
<input type="checkbox" name="bkCorse[]" id="nodejs" value="nodeja" />
<label for="nodejs"> nodejs</label>
</form>
<form action="">
<p>your birthday :</p>
<input type="radio" name="birthday" id="1999" value = "1999" />
<label for="1999">1999</label>
<input type="radio" name="birthday" id="2020" value = "2020" />
<label for="2020">2020</label>
<input type="radio" name="birthday" id="2002" value = "2002" checked/>
<label for="2002">2002</label>
</form>
<form action="">
<p>your gender :</p>
<input type="radio" name="gender" id="male" value = "male" checked />
<label for="male">Male</label>
<input type="radio" name="gender" id="female" value = "female" />
<label for="female">Female</label>
</form>
<label for="book">Choose Book</label>
<select name="book" id="book">
<optgroup label="Frontend">
<option value="HTML">HTML</option>
<option value="CSS">CSS</option>
<option value="JS">JS</option>
</optgroup>
<optgroup label="Backend">
<option value="PHP" selected>PHP</option>
<option value="MySQL">MySQL</option>
<option value="Laravel">Laravel</option>
</optgroup>
</select>
| Time | used to represent times | <input type="time"> | |
| url | used to add URLs. | <input type="url"> | |
| search | it’s used for search . | <input type="search"> | |
| readonly | used to let the user select file from their device so they can be uploaded. | <input type="file"> |
