Estoy con un formulario con diversos campos (nombre, apellidos, etc.)
Como podría hacer en JavaScript de el campo que tenga el foco al pulsar un botón de "Limpiar". Ya aparte, tengo el botón RESET que los limpia todos los campos.
Este seria mi HTML por ejemplo:
<form>
<label>Nombre:</label><br>
<input type="text" id="nombre" value="" placeholder="Nombre"/><br>
<label>Primer Apellido:</label><br>
<input type="text" id="apellido1" value="" placeholder="Primer Apellido"/><br>
<label>Segundo Apellido:</label><br>
<input type="text" id="apellido2" value="" placeholder="Segundo Apellido"/><br>
<label>Contraseña</label><br>
<input type="password" id="password" value="" placeholder="Password" /><br>
<input type="reset" id="reset" value="Reiniciar">
<input type="button" id="limpiar" value="Limpiar Campo">
<input type="button" id="enviar" value="Enviar">
</form>
Y esta es el JS:
window.onload = inicio;
function inicio(){
document.getElementById("limpiar").addEventListener('click',limpiar);
}
function limpiar(){
var activo = document.activeElement.id;
activo.innerHTML = "";
}
El asunto es que quiero limpiar el campo de texto que tenga el foco, pero claro, ese campo lo pierde inmediatamente en el momento que se hace click en limpiar.
Espero que ahora esté más claro lo que ando buscando. Gracias.
limpiar
borre solo ese?