Блог

я попробовал следующий пример, и моя цель — добиться того, что если я нажму кнопку сброса, будет сброшено только поле в текущей строке, возможно ли это только с html5 и без jquery / javascript? любые идеи приветствуются

 <form action="fieldset_legend.htm">
  <fieldset>
    <legend>Absender</legend>

        <label for="vor">Ihr Vorname:</label>
        <input id="vor" size="40" maxlength="40" name="Vorname" type="text">
        <input type="reset" for="vor" value="reset">

        <label for="nach">Ihr Zuname:</label>
        <input  id="nach" size="40" maxlength="40" name="Zuname" type="text">
        <input type="reset" for="nach" value="reset">

  </fieldset>
</form>
  

Используйте javascript…

 function resetInput(id) {
   document.getElementById(id "input").value="";
}
  

HTML:

     <label for="vor">Ihr Vorname:</label>
    <input id="vorInput" size="40" maxlength="40" name="Vorname" type="text">
    <input type="button" id="vor" onclick="resetInput(this.id) "value="reset">

    <label for="nach">Ihr Zuname:</label>
    <input  id="nachInput" size="40" maxlength="40" name="Zuname" type="text">
    <input type="button" id="nach" onclick="resetInput(this.id) value="reset">
  

Я не верю, что в этом случае есть способ избежать JavaScript, поскольку ввод «сброс» будет сброшен для всех элементов в форме.

сброс: кнопка, которая сбрасывает содержимое формы до значений по умолчанию.

Элементы ввода