How to Use the 'download' Attribute For Your Websites - HTML5 Tutorial

In this video I'll be showing you how to create "download" links for use on your websites or web applications. This is done using the new HTML5 "download" attribute.

Support me on Patreon:

For your reference, check this out:

Follow me on Twitter @dcodeyt!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

[IronFoxOnFire]

This is waaaay easier than I would’ve thought

[besufkaddebebe]

Wow, i didn't expect it to be this easy! THANKS A LOT MAN!!

[rubayethassan]

I thought that I would have to add complex JavaScript code... But it was as simple as the "required" attribute used in html form.... Thanks 😊

[shriyanscreativestudios]

I thought it was used by a very long javascript but it was used in html. I was shocked. Thank you for this video. I liked it very much.

[aybakk]

not working with me
it just opens the file in da browser:/

[ingridzeng]

this does exactly what I wanted, thank you for the awesome tip!

[Selina-hklk]

YOU ARE AWESOME!! Thank you so much for teaching me how to do this. I watched countless videos and searched for a while on the internet and couldn't find a way until I came across your video. This unfortunately was not taught in my class either. I liked your video and subscribed!

[hyperionedits]

Man, how can I xpress my feelings. I am too happy. Thanks very much. Love from India. I think 🤔 u are a British man

[bobbymahato]

Thank you for this tutorial but I still have a doubt related to this that how can I make a download button for an image using HTML and CSS? As soon as it is clicked image will start downloading.

[saif.ali]

it is awesome dear you explain in one line.thnx alot man

[rahulshah]

Awesome Man! This was way easier than I had thought !

[modinatadenike]

So helpful. Works perfectly. Thanks for the video

[theodorebnavugar]

wow..thank you so very much. Subscribed.

[nathanwhite]

How would this work for downloading an app? Would you link to the folder containing the project in some way? I just tried this using a UE5 game im working on and its not downloading it.

[vigneshreddy]

Hi
I tried this in chrome but not getting download it just viewing the image
<a href="images/sun.jpg" download="Moon"> DOWNLOAD </a>
Help me

[vineboomsoundeffect]

This is simply perfect. Thank you a lot!

[MdYusuf-ugoz]

Hi, is it possible to change the download path? For example, will create a folder named "Sample" and all the downloads from that site will be placed there instead of default "Downloads" folder. Thanks in advance!

[ShahzaibKhan-whhh]

please help mp4 video and mp3 audio not download chrome and opera browser

[ublue]

I did the same thing, i dont understand why it opens the file instead of downloading it

[PixelGamer_]

I am editing in notepad and i have a file in the same folder as my html file, but if i type that with my filename, then it will just open in newtab, even with the download attribute