-
Cómo hacer un botón de descarga de un archivo en HTML
-
Los diseñadores web a menudo utilizan formas de botón incrustado en documentos HTML por su flexibilidad funcional y beneficios estéticos. Además de ofrecer una manera agradable a la vista de lo que permite a los usuarios enviar información o tomar decisiones, botones también permiten una funcionalidad diferente basado en la interacción del usuario. Las diferentes acciones se producen cuando un usuario hace clic, doble clic, o pase el cursor sobre el botón. En este artículo, un botón HTML dirigirá al usuario a un archivo descargable en tecleo de un usuario.Instrucciones
1 Crear el archivo HTML en un editor de texto (como Bloc de notas). El archivo de base debe contener al menos las etiquetas HTML y las etiquetas del cuerpo:
<Html>
<Body>
<Tipo botón = "botón" name = "Descargar"> Descargar </ botón>
</ Body>
</ Html>
La etiqueta de "botón" contiene la información que describe el botón. En este caso, el botón es de "botón" de tipo genérico y tiene el nombre de "Descargar". Las palabras entre el botón </> <botón> etiquetas aparecerán en el botón cuando se ve en el navegador.
2 Dirigir el botón para el archivo cuando se hace clic por un usuario. Para ello, agregue un evento de clic:
<= tipo de botón "botón" name = "Descarga" onclick = window.open ( "Descargar & lt; / botón"> http://www.website.com/file/to/download.pdf ")> Descargar & lt; / botón>
El evento "onclick" se ejecuta cuando el usuario hace clic en el botón. En este caso, se dirige el navegador para abrir una nueva ventana señalado la ubicación del archivo.
3 Guarde el archivo y abrirlo en el navegador web. Guarde el archivo como un archivo ".html" (como "test.html"). Abrirlo en el navegador. El botón debe aparecer en la esquina superior izquierda de la ventana. Al hacer clic en el botón dirigirá al usuario el archivo y comenzar el proceso de descarga.
