is there any identifier I can put in the form to link all its children with the "button" or "input submit"
For example, the default behavior of my html is: when I press submit input, both the "text" and "checkbox" fields will be reset/cleared to their default.
In this case, I would like that when clicking on "submit", only the "text" field would be applied by default (clean), while nothing would influence the "input" of the "checkbox" type.
At first, I thought that if I created two "" and separated them, the "submit" of the first "form" would not influence anything in the second "form", but this was not the behavior.
<section class="container">
<div class="container__box">
<h1>To-do list</h1>
<form class="container__adicionar-Itens" id="adicionar">
<input type="text" class="container__button"><input type="submit" value="Adicionar">
</form>
<form class="container__itens">
<input type="checkbox" id="MarcarReuniao" class="container__input-itens"><label for="MarcarReuniao" class="container__label-itens">Marcar Reunião</label>
</form>
</div>
</section>