simple.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> form</title>
</head>
<style>
    *{
        margin: 5px;
        padding: 2px;
    }
</style>
<body>
    <form action="#">
        Enter your name<input type="text" ><br><br>
        enter your father name<input type="text"><br><br>
        gender:
        male<input type="radio"  name="myGender">
         female<input type="radio"  name="myGender">
        rether not to say <input type="radio" name="myGender" >
        
    </form>
<hr>
<form action="#">
    <label for="nmae">Name: </label>
    <input type="text" name="" id="nmae"> <br>
    <label for="class">class</label>
    <input type="checkbox" name="" id="class"><br>
    <fieldset style="display: inline;">

        <legend> Your gender: </legend>
        <label for="male"> male </label> 
        <input type="radio" name="my-gender" id="male" checked  >
        <label for="female">female</label> 
        <input type="radio" name="my-gender" id="female">
        <label for="jkl">rather not to say</label>
        <input type="radio" name="my-gender" id="jkl">
        <label for="ram">semester</label>
        <legend>Semester</legend>
        
    </fieldset>
</form>
</body>
</html>