フォームをリセットする方法：input type = reset

Question

こんにちは、これは私の最初の質問です。

HTML5のinput type = resetタグを使用してフォームをリセットしようとしましたが、問題が発生しています。私は自分のコードの一部に入れて、私が求めている質問は次の通りです： フォームがseprate divにある場合は重要ですか？私はJavascriptを使用していますので、jQuery.javaではなく、素晴らしいJSメソッドを教えていただければ幸いです。

これはすべて意味があります。

<div id="formset"> 
    <label for="textfield" class="form">First Name:</label> 
    <input type="text" name="textfield" id="textfield" class="input"> 




<p></p> 
    <label for="textfield2">Last Name:</label> 
    <input type="text" name="textfield2" id="textfield2" class="input"> 



<p></p> 
    <label for="email"></label> 
    <input type="email" name="email" id="email" class="input"> 
    <p></p> 
    <label for="date"></label> 


<input type="date" name="date" id="date" class="input"></div> <input type="reset" value="Reset"> 

Answer 1

I think you need to use form tag. Here is my code: 

<form action="" method=""> 
     <div id="formset"> 
      <label for="textfield" class="form">First Name:</label> 
      <input type="text" name="textfield" id="textfield" class="input"> 

      <p></p> 
      <label for="textfield2">Last Name:</label> 
      <input type="text" name="textfield2" id="textfield2" class="input"> 

      <p></p> 
      <label for="email"></label> 
      <input type="email" name="email" id="email" class="input"> 
      <p></p> 
      <label for="date"></label> 

      <input type="date" name="date" id="date" class="input"> 
     </div> 

     <input type="reset" value="Reset"> 
    </form> 

Answer 2

フォームタグのないフォームは、フォームのように宣言することはできません。フォームタグを使用する場合は、送信、リセットなどのフォームイベントをすべて使用できます。このように

<form action="" method=""> 
    your inputs..... 
</form>