test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CDCS</title>
<style>
form {
    font-size: 42px;
}
</style>
</head>
<body>
    <p>Web for practice</p>
    <form action="">
    <legend>Way</legend>
    <fieldset>
<input type="radio" id="Walk-in" name="Way" value="walk-in">
<label for="male">Walk-in</label><br>
<input type="radio" id="Web-user" name="Way" value="Web-user">
<label for="male">Web-user</label><br>
<input type="radio" id="Loyal-customer" name="Way" value="Loyal-customer">
<label for="male">Loyal-customer</label><br>
<input type="radio" id="WholeSaleC" name="Way" value="WholeSaleC">
<label for="male">WholeSaleC</label><br>
</fieldset>
    <legend>Group</legend>
    <fieldset>
<input type="radio" id="male" name="Group" value="male">
<label for="male">Male</label><br>
<input type="radio" id="female" name="Group" value="female">
<label for="male">Female</label><br>
<input type="radio" id="couple" name="Group" value="couple">
<label for="male">Couple</label><br>
<input type="radio" id="3-person-family" name="Group" value="3-person-family">
<label for="male">3-person-family</label><br>
<input type="radio" id="3-person-nonfamily" name="Group" value="3-person-nonfamily">
<label for="male">3-person-nonfamily</label><br>
<input type="radio" id="4-person" name="Group" value="4-person">
<label for="male">4-person</label><br>
<input type="radio" id="5-person-more" name="Group" value="5-person-more">
<label for="male">5-person-more</label><br>
</fieldset>
<legend>Ethnic</legend>
<fieldset>
<input type="radio" id="Kiwi..." name="Ethnic" value="Kiwi...">
<label for="male">Kiwi...</label><br>
<input type="radio" id="CN" name="Ethnic" value="CN">
<label for="male">CN</label><br>
<input type="radio" id="Others" name="Ethnic" value="Others">
<label for="male">Others</label><br>
</fieldset>
<legend>Self-use_or-not</legend>
<fieldset>
<input type="radio" id="Self-use" name="Self-use_or-not" value="Self-use">
<label for="male">Self-use</label><br>
<input type="radio" id="For-lease-house" name="Self-use_or-not" value="For-lease-house">
<label for="male">For-lease-house</label><br>
</fieldset>
<legend>No-Deal</legend>
<fieldset>
<input type="radio" id="deal" name="Deal" value="no-deal">
<label for="male">No-Deal</label><br>
</fieldset>
<legend>Deal</legend>
<fieldset>
<input type="checkbox" id="deal1" name="Deal" value="TMF">
<label for="male">TMF</label><br>
<input type="checkbox" id="deal2" name="Deal" value="upright">
<label for="male">upright</label><br>
<input type="checkbox" id="deal3" name="Deal" value="french-door">
<label for="male">french-door</label><br>
<input type="checkbox" id="deal4" name="Deal" value="sidebyside">
<label for="male">sidebyside</label><br>
<input type="checkbox" id="deal5" name="Deal" value="other-fridge">
<label for="male">other-fridge</label><br>
<input type="checkbox" id="deal6" name="Deal" value="topload">
<label for="male">topload</label><br>
<input type="checkbox" id="deal7" name="Deal" value="frontload">
<label for="male">frontload</label><br>
<input type="checkbox" id="deal8" name="Deal" value="combo">
<label for="male">combo</label><br>
<input type="checkbox" id="deal9" name="Deal" value="dryer">
<label for="male">dryer</label><br>
<input type="checkbox" id="deal10" name="Deal" value="dishwasher">
<label for="male">dishwasher</label><br>
<input type="checkbox" id="deal11" name="Deal" value="HOB">
<label for="male">HOB</label><br>
<input type="checkbox" id="deal12" name="Deal" value="oven">
<label for="male">oven</label><br>
<input type="checkbox" id="deal13" name="Deal" value="microwave">
<label for="male">microwave</label><br>
<input type="checkbox" id="deal14" name="Deal" value="rangehood">
<label for="male">rangehood</label><br>
<input type="checkbox" id="deal15" name="Deal" value="air-con">
<label for="male">air-con</label><br>
<input type="checkbox" id="deal16" name="Deal" value="DEHUMIDIFIER">
<label for="male">DEHUMIDIFIER</label><br>
<input type="checkbox" id="deal17" name="Deal" value="smallappliance">
<label for="male">smallappliance</label><br>
</fieldset>
<input type="Submit" value="Submit">
</form>
</body>
</html>