爲什麼輸入類型=重置不起作用？

Question

這是代碼。當我嘗試使用輸入類型重置時，它不起作用。我試圖在div外移除它，但它不起作用。

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col s4"></div> 
     <div class="col s4"> 
      <form class="form" action="<?=base_url()?>item/updatedata/<?=$this->uri->segment(3)?>" method="POST"> 
       <div class="row"> 
        <label>ITEM ID</label> 
        <input type="text" readonly="" value="<?=$items->item_id?>" class="validate"> 
        <label>ITEM NAME</label> 
        <input type="text" value="<?=$items->item_name?>" name="item_name" class="validate"> 
        <label>ITEM DESCRIPTION</label> 
        <input type="text" value="<?=$items->item_desc?>" name="item_desc" class="validate"> 
        <label>ITEM PRICE</label> 
        <input type="text" value="<?=$items->item_price?>" name="item_price" class="validate"> 
        <div class="col s6"> 
         <button class="btn waves-effect waves-light " type="submit" value="SUBMIT">Submit 
          <i class="material-icons right">send</i> 
         </button> 
        </div> 
        <div class="col s6"> 
         <input class="btn waves-effect waves-light red" type="reset" value="Reset"> 
        </div> 
       </div> 
      </form> 
     </div> 
     <div class="col s4"></div> 
    </div> 
</div> 

Answer 1

的input型reset重置所有form值默認值。

因爲對於所有input元素，您已給出value，這是這些元素的默認值。

當您單擊Reset按鈕，所有的值設置爲默認你已經給定的值。

如果您刪除value屬性，則重置會將所有值設置爲空（如果是文本），並且它將按預期工作。

Answer 2

只要您的<input type ="reset">標籤位於表格內，就不會有任何問題。我在再現的小提琴中工作得很好。

https://jsfiddle.net/prashu421/3wa9v7p6/

如果不爲你工作時，你可以使用如下

<button class="btn waves-effect waves-light red" type="reset" value="Reset" > Reset </button>