<head>
    <meta charset="utf-8">
    <script   src="https://code.jquery.com/jquery-3.4.1.js"   integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="   crossorigin="anonymous"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.css">
  
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
          $('#table_récap').DataTable();
      } );
    </script>
</head>
    <section>
       <table>
           <tr>
               <td>
                    <table id="table_récap" class="dataTable" style="color : #212529; ">
                        <thead>
                            <tr>
                                <th>Login</th>
                                <th>Âge</th>
                                <th>Poids</th>
                                <th>Taille(m)</th>
                                <th>Sexe</th>
                                <th>Niveau de sport</th>
                                <th>Besoins journaliers en calories</th>
                                <th>CRUD</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </td>
                <td>
                    <form onsubmit="event.preventDefault();onFormSubmit();" autocomplete="off">
                    <table>
                        <tr>
                            <th>Login :</th>
                            <td><input type="text" name="login" id="login"></td>
                        </tr>
                        <tr>
                            <th>Âge :</th>
                            <td>
                                <input type="text" name="age" id="age">
                            </td>
                        </tr>
                        <tr>
                            <th>Poids(kg) :</th>
                            <td>
                                <input type="text" name="poids" id="poids">
                            </td>
                        </tr>
                        <tr>
                            <th>Taille(m):</th>
                            <td>
                                <input type="text" name="taille" id="taille">
                            </td>
                        </tr>
                        <tr>
                            <th>Sexe :</th>
                            <td>
                                <label> Homme
                                    <input type="radio" name="sex" id="M">
                                </label><br>
                                <label> Femme 
                                    <input type="radio" name="sex" id="F">
                                </label></td>
                        </tr>
                        <tr>
                            <th>Niveau de pratique sportive :</th>
                            <td>
                                <label> Bas
                                    <input type="radio" name="sport" id="bas">
                                </label><br>
                                <label> Moyen 
                                    <input type="radio" name="sport" id="moyen">
                                </label><br>
                                <label> Elevé
                                    <input type="radio" name="sport" id="eleve">
                                </label>
                            </td>
                        </tr>
                        <tr>
                            <td><input  type="submit" name="Valider"></td>
                        </tr>
                    </table>
                    </form>
                </td>
            </tr>
        </table>
    
    <script src="scriptcalcul.js"></script>
    <h2> Nom </h2>
    <img src="logo.png" alt="" height="90px" width="150px"/>

    </section>
    </body>
</html>