Tengo un formulario en bootstrap, lo lleno, guardo cambios, y luego vuelvo a abrir en la misma ventana para ingresar nuevos datos al formulario, pero me aparecen los datos anteriores, es decir, no se limpia si vuelvo a abrir la misma ventana.
Este es mi código:
<div class="modal fade" id="generaFolio">
<div class="modal-dialog">
<div class="modal-content">
<!-- Header de la ventana-->
<div class="modal-header">
<button tyle="button" class="close" data-dismiss="modal" aria-hidden="true"> × </button>
<h3 class="modal-title"><strong> Introduzca la siguiente información </strong></h3>
</div>
<form role="form" id="folio">
<div class="form-group" >
<label for="nombrePropietario">Nombre Propietario:</label>
<input type="text" class="form-control" id="nombrePropietario" placeholder="Introduzca nombre del propietario">
<br><br>
<label for="nombreSolicitante">Nombre del solicitante:</label>
<input type="text" class="form-control" id="nombreSolicitante" placeholder="Introduzca nombre del solicitante">
<br><br>
<label for="fecha" class="col-xs-3">Fecha de solicitud:</label>
<div class="col-xs-3">
<input type="text" class="form-control" placeholder="día" maxlength="2">
</div>
<div class="col-xs-3">
<input type="text" class="form-control" placeholder="Mes" maxlength="10">
</div>
<div class="col-xs-3">
<input type="text" class="form-control" placeholder="Año" maxlength="4">
</div>
<br><br> <br><br>
<label for="hora" class="col-xs-4">Hora: <p class="text-muted"></p></label>
<div class="col-xs-4">
<div class="input-group" >
<input type="text" class="form-control" placeholder="hora" maxlength="2">
<span class="input-group-addon"><strong>:</strong></span>
<input type="text" class="form-control" placeholder="min" maxlength="2">
</div>
</div>
<br><br><br>
</div>
<div class="modal-footer">
<input type="reset" class="btn btn-default" value="Limpiar">
<button type="button" class="btn btn-default" data-dismiss="modal"> Cerrar </button>
<button type="button" class="btn btn-default" > Guardar cambios </button>
</div>
</form>