Untitled

    <h2>StudentAccouting</h2>
    Student ID: <input type="number" id="stud_id" /><br /><br />
    Lastname: <input type="text" id="lname" /><br /><br />
    Firstname: <input type="text" id="fname" /><br /><br />
    Gender: <br /><input type="radio" name="gender" id="male" value="Male" /> Male<br />
    <input type="radio" name="gender" id="female" value="Female" /> Female<br /><br />
    <select id="course_code">
        <option value="" selected disabled hidden>Course Code</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
        <option>8</option>
    </select>

    <select id="subject">
        <option value="" selected disabled hidden>Subjects</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
        <option>8</option>
        <option>9</option>
        <option>10</option>
    </select>
    <select id="year">
        <option value="" selected disabled hidden>Year</option>
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
    </select><br />
    <br /><br />
    <button class="btn btn-primary">Submit</button>
</div>
<div class="col">
    <p id="d_studid">Student ID: </p>
    <p id="d_name">Name: </p>
    <p id="d_gender">Gender: </p>
    <p id="d_coursecode">Course Code: </p>
    <p id="d_course">Course: </p>
    <p id="d_year">Year: </p>
    <p id="d_subject">Subjects: </p>
    <p id="d_totalunit">Total Unit: </p>
    <p id="d_tuitionperunit">Tuition Per Unit: </p>
    <p id="d_totaltuition"><b>Total Tuition: </b></p>
    <p id="d_reg">Registration: </p>
    <p id="d_misc">Miscellaneous: </p>
    <p id="d_labfee">Lab Fee: </p>
    <p id="d_totalfee">Total Fee: </p>
    <p id="d_prelimfee">Prelim Fee: </p>
    <p id="d_midfee">Midterm Fee: </p>
    <p id="d_semifee">Semi Final Fee: </p>
    <p id="d_finalfee"><b>Final Fee: </b></p>
    <p id="d_mop"><b>Mode of Payment: </b></p>