如何在javascript中創建函數重置按鈕？

-1

我會問清楚的輸入，我不知道如何清除輸入工作與jquery/javascript。所以在這裏我的代碼：如何在javascript中創建函數重置按鈕？

<div class="form-inline" id="clear"> 
 
    <div class="form-group"> 
 
    <input type="text" name="full_name" class="form-control" id="full_name" placeholder="Name" /> 
 
    </div> 
 

 
    <div class="form-group"> 
 
    <div class="input-group date date-picker" data-date-format="dd-mm-yyyy"> 
 
     <input type="text" name="start_date" class="form-control" readonly id="start_date" size="8"> 
 
     <span class="input-group-btn"> 
 
     <button class="btn default" type="button"> 
 
      <i class="fa fa-calendar"></i> 
 
     </button> 
 
     </span> 
 
    </div> 
 
    </div> 
 
    <div class="form-group"> 
 
    <div class="input-group date date-picker" data-date-format="dd-mm-yyyy"> 
 
     <input type="text" name="end_date" class="form-control" readonly id="end_date" size="8"> 
 
     <span class="input-group-btn"> 
 
     <button class="btn default" type="button"> 
 
      <i class="fa fa-calendar"></i> 
 
     </button> 
 
     </span> 
 
    </div> 
 
    </div> 
 
    <button class="btn btn-primary black">clear</button> 
 
    <button class="btn btn-warning" id="btn-search">Search</button> 
 
</div>

如何在JavaScript創建功能復位按鈕？

來源

2016-11-14 ione

不知道你什麼梅納 – Tonza

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_form_reset –

的http：//計算器.com/questions/5700471/set-value-of-input-using-javascript-function 有問題的解決方案。 – NeuTronas

使用reset()方法清除表單

的index.php

來源

2016-11-14 09:16:13

您可以使用此代碼首先你需要使用表單標籤並關閉表單標籤。那麼你可以使用其他功能來清除所有表單數據

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<form id="FormData" name="FormData" action="" method="post"> 
<div class="form-inline" id="clear"> 
    <div class="form-group"> 
     <input type="text" name="full_name" class="form-control" id="full_name" placeholder="Name"/> 
    </div> 

    <div class="form-group"> 
     <div class="input-group date date-picker" data-date-format="dd-mm-yyyy"> 
      <input type="text" name="start_date" class="form-control" readonly id="start_date" size="8"> 
     <span class="input-group-btn"> 
     <button class="btn default" type="button"> 
      <i class="fa fa-calendar"></i> 
     </button> 
     </span> 
     </div> 
    </div> 
    <div class="form-group"> 
     <div class="input-group date date-picker" data-date-format="dd-mm-yyyy"> 
      <input type="text" name="end_date" class="form-control" readonly id="end_date" size="8"> 
     <span class="input-group-btn"> 
     <button class="btn default" type="button"> 
      <i class="fa fa-calendar"></i> 
     </button> 
     </span> 
     </div> 
    </div> 
    <button class="btn btn-primary black" onclick="clearFormData(event);">clear</button> 
    <button class="btn btn-warning" id="btn-search">Search</button> 
</div> 
</form> 
<script> 
function clearFormData(e) { 
    e.preventDefault(); 
    $("#FormData")[0].reset() 

    } 
</script>

來源

2016-11-14 09:55:17

如何在javascript中創建函數重置按鈕？

回答

相關問題