如何在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中创建函数重置按钮？

回答

相关问题