Html 表单重置将折叠表单内部的标签

我一直在设计一个网站与物化CSS。 我的问题是，当我使用重置按钮中嵌入的内置表单重置方法时，标签会在表单中折叠。 只有当表单中存在重置的值时，才会发生这种情况。 当我点击表单时，它会回到正常状态。 有人知道为什么会发生这种情况以及如何解决吗？或者是另一种形式，我可以在没有上述行为的情况下重置该形式？ 提前谢谢。

Jogador 1：
Jogador 2：
罗达达1：
罗达达1：
罗达达2：
罗达达2：
罗达达3：
罗达达3：
罗达达4：
罗达达4：
你有资格获得数据吗？
羡慕
林帕尔

在Materializecss中，当输入有内容或聚焦时，标签会添加一个“活动”类。这会将标签上移、缩小并上色。当您通过JavaScript处理dom时，输入不知道更改。要手动“重置”输入，您需要向任何包含内容（或占位符）的输入添加“活动”类

在下面的画笔中，我有两个相同的输入，在setTimeout中，我们从第二个标签中删除活动类，以复制您看到的问题

注意，在文档中列出了一个函数，它可以为动态创建的输入执行此操作：

如果标签有问题，请预先填充文本输入 如果预填充内容重叠，请尝试将class=“active”添加到标签。 您还可以调用函数M.updateTextFields（）；重新初始化 如果要动态添加，则页面上的所有物化标签 投入

---

非常感谢。我可以在单击后运行一个函数，设置更新字段的超时时间。

<form id="two_player">
            <div class="row">
              <div class="input-field col s6">
                <label for="two_player_one">Jogador 1:</label>
                <input placeholder="Apelido do jogador 1" id="two_player_one" type="text" class="validate" required>
              </div>
              <div class="input-field col s6">
                <input placeholder="Apelido do jogador 2" id="two_player_two" type="text"  class="validate" required>
                <label for="two_player_two">Jogador 2:</label>
              </div>
          </div>
            <div class="row">
              <div class="input-field col s6">
                <input placeholder="Número de cartas da 1ª rodada" id="two_player_one_round_one" type="number" min="0" max="13" class="validate" required>
                <label for="two_player_one_round_one">Rodada 1:</label>
              </div>
              <div class="input-field col s6">
                <input placeholder="Número de cartas da 1ª rodada" id="two_player_two_round_one" type="number" min="0" max="13" class="validate" required>
                <label for="two_player_two_round_one">Rodada 1:</label>
              </div>
          </div>
          <div class="row">
            <div class="input-field col s6">
              <input placeholder="Número de cartas da 2ª rodada" id="two_player_one_round_two" type="number" min="0" max="13" class="validate" required>
              <label for="two_player_one_round_two">Rodada 2:</label>
            </div>
            <div class="input-field col s6">
              <input placeholder="Número de cartas da 2ª rodada" id="two_player_two_round_two" type="number" min="0" max="13" class="validate" required>
              <label for="two_player_two_round_two">Rodada 2:</label>
            </div>
          </div>
          <div class="row">
            <div class="input-field col s6">
              <input placeholder="Número de cartas da 3ª rodada" id="two_player_one_round_three" type="number" min="0" max="13" class="validate" required>
              <label for="two_player_one_round_three">Rodada 3:</label>
            </div>
            <div class="input-field col s6">
              <input placeholder="Número de cartas da 3ª rodada" id="two_player_two_round_three" type="number" min="0" max="13" class="validate" required>
              <label for="two_player_two_round_three">Rodada 3:</label>
            </div>
          </div>
          <div class="row">
            <div class="input-field col s6">
              <input placeholder="Número de cartas da 4ª rodada" id="two_player_one_round_four" type="number" min="0" max="13" class="validate" required>
              <label for="two_player_one_round_four">Rodada 4:</label>
            </div>
            <div class="input-field col s6">
              <input placeholder="Número de cartas da 4ª rodada" id="two_player_two_round_four" type="number" min="0" max="13" class="validate" required>
              <label for="two_player_two_round_four">Rodada 4:</label>
            </div>
          </div>
            <div class="row">
              <div class="input-field col s12">
                <input type="text" class="datepicker" id="date1">
                <label for="date1">Qual a data da partida?</label>
              </div>
            </div>
          <div class="center-align">
          <div class="row">
              <button type="submit" class="btn grey lighten-1">Enviar</button>
              <button type="reset" class="btn grey lighten-1">Limpar</button>
          </div>
        </div>
          </form>

$("label").addClass('active');