Menu icon Foundation
Foundation 6 reset for one input box

I have a form with multiple inputs and a button that says "x" next to each input. The "x" is to clear the input box only for the input it is associated with. such as:

<label for="keywords" class="input-group-label">keywords</label>

<input id="keywords" class="input-group-field" type="text" aria-describedby="keywords">

<input type="reset" class="input-group-button" value="x">

 

The problem is if I hit "x" for the one input box, it will reset all the input boxes in the form. Is there a way to reset just for one input box?

foundation 6formsreset

I have a form with multiple inputs and a button that says "x" next to each input. The "x" is to clear the input box only for the input it is associated with. such as:

<label for="keywords" class="input-group-label">keywords</label>

<input id="keywords" class="input-group-field" type="text" aria-describedby="keywords">

<input type="reset" class="input-group-button" value="x">

 

The problem is if I hit "x" for the one input box, it will reset all the input boxes in the form. Is there a way to reset just for one input box?