41 - Evento focus (DOM)
Problema:
Implementar una página con un control de tipo 'search'. Inicialmente el control tiene el texto 'Buscar...', al tomar foco el control debemos borrar su contenido.
pagina.html
estilos.css
funciones.js
Ejecución de la página
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Prueba</title> </head> <body> <form action="#" method="post"> <input type="search" name="buscar" id="buscar" value="Buscar..." size="20"> </form> <script src="funciones.js"></script> </body> </html>
document.getElementById('buscar').addEventListener('focus', (e) => { e.target.value = '' })
No tiene disponible el navegador la capacidad de iframe
Retornar