formProcessingBasics

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>TableTest</title>
        <style>
        html,
        body {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
        }

        .centered {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            border: 2px solid black;

        }

        </style>
    </head>
    <body>
        <div id="mainDiv" class="centered">
            <form id="baseForm" action="formBase.html" method="GET" class="centered">
                <lable for="firstName">First Name</lable>
                <input type="text" name="firstName" id="firstName" tabindex="1">
                <lable for="secondName">Second Name</lable>
                <input type="text" name="lastName" id="lastName" tabindex="3">
                <lable for="birthday">Birthday</lable>
                <input type="text" name="birthday" id="birthday" tabindex="4">
                <lable for="gender">Male</lable>
                <input type="radio" name="gender" value="Male" tabindex="2">
                <lable for="gender">Female</lable>
                <input type="radio" name="gender" value="Female">
                <lable for="gender">Other</lable>
                <input type="radio" name="gender" value="Other">

                <lable for="rock">Rock music</lable>
                <input type="checkbox" name="rock" value="Rock music">
                <lable for="rock">Pop music</lable>
                <input type="checkbox" name="pop" value="Pop music">
                <lable for="classic">Classic music</lable>
                <input type="checkbox" name="classic" value="Classic music">

                <fieldset name="addInfo">
                    <legend>Additional info</legend>
                    <lable for="country">Country</lable>
                    <select name="country" id="country">
                        <option value="ua">Ukraine</option>
                        <option value="sk">Slovakia</option>
                        <option value="hu">Hungary</option>
                        <option value="pl">Poland</option>
                    </select>
                    <lable for="city">City</lable>
                    <input type="text" name="city" id="city">
                </fieldset>
                <input type="submit" value="Send form!">
            </form>
            <lable for="occupation">Occupation</lable>
            <input type="text" name="occupation" id="occupation" form="baseForm">
        </div>
        <script>
            //document.getElementById('birthday').focus();
        </script>
    </body>
</html>