HTML - Добавить stati c строку в таблицу с полями ввода

Question

У меня есть таблица, которая выглядит так:

|  ID  | Weekday | Year | Goal |
|   1  |   31    | 2020 | 220  |
|   2  |   32    | 205  | 220  |

Код для отображения таблицы:

<table>
  <tr>
    <th>Weekday</th>
    <th>Year</th>
    <th>Goal</th>
  </tr>
  <tr>
    <td>31</td>
    <td>2020</td>
    <td>205</td>
  </tr>
  <tr>
    <td>32</td>
    <td>2020</td>
    <td>220</td>
  </tr>
</table>

Возможно ли (если да, то как?) Добавить строку вверху таблицы (в качестве первой строки), где Weekday, Year и Goal имеет вводимый текст и кнопку, поэтому пользователь может ввести значение и отправить его в таблицу?

Answer 1

Вы имеете в виду это?

<table>
  <tr>
    <th>Weekday</th>
    <th>Year</th>
    <th>Goal</th>
  </tr>
  <tr>
    <td><input type="text" id="fname" name="fname"></td>
    <td><input type="text" id="fname" name="fname"></td>
    <td><input type="text" id="fname" name="fname"></td>
    <td><button type="button">Click Me!</button></td>
  </tr>
  <tr>
    <td>31</td>
    <td>2020</td>
    <td>205</td>
  </tr>
  <tr>
    <td>32</td>
    <td>2020</td>
    <td>220</td>
  </tr>
</table>