Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
You probably already know that adding the keyword multiple and select fields lets users choose from a list of multiple options, but that's not the only place you can use that. In HTML five this works for the email and for the file input fields as well. So, let's take a look at how that works. Here's a form that asks the user for a name, an email address, and to upload a file. If I try to type two email addresses here, and I try to submit this field, it's going to give me an error because it doesn't see two different emails as a valid email address. Also, if I click right here to choose a file, I'm going to go to the desktop. I can only choose one file at a time.
Even if I hold down my multiple file keyboard shortcuts like Command on a Mac or Control on a PC. So, let's go into the code for this, right here. I'm going to add the keyword multiple, into the Input Type email field. I'm going to say Save, and I'll go back into my form. I'll refresh it and I'll try typing two emails now. And now it takes it just fine. So, we can also do that with files. So, I'm going to add that keyword to the file Input Type, and I'll hit Save, and I'll refresh, but before I do that, make sure you take a look right here. Right now, it says Choose Files.
And when I refresh, it's going to say, choose files, plural. So, if I click on that, I'll switch over the desktop where I have a bunch of files, and I'll hold down the Command key on a Mac, or Control on a PC, and I can choose multiple files. Now, you still have to add file handling to your form processor, but this is a nice addition to newer browsers. As usual, make sure you check caniuse.com to see support in older browsers. So, the multiple keyword is really more useful for file handling. We'll take a look at some other file options in the next movie.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 98235 Viewers
61 Video lessons · 85544 Viewers
71 Video lessons · 69495 Viewers
56 Video lessons · 101838 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.