Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Anything you can do to help your users fill out accurate forms is a good thing. Sometimes we ask users for generic input fields with a text field, and we get a lot of variations in the responses we get back. Say, for example, that we're asking users to fill out a county. If I ask for the information in a generic text field, I may get different variations on the different counties. For example, they might type something like Orange, some people will type it upper case. Some people will type in lower case, and some people might even misspell it.
Now, I don't want to use a select field here because although you're in a certain geographic area, some people might come from all over the state. By using a data list, you can provide suggestions to your users. The way you do it is by using a list attribute in your input field. Then you create a data list with predetermined responses. When the users click on the field, they will see the data list and pick from one of the predetermined values. So, here's the code for how that would work. You create a regular input field and then you add a list attribute with a value of something, like counties here, and then you create a data list.
This looks a lot like a select field. But it has a data-less tag instead of select tag. You add an ID of whatever you used up here as the list and this that the two things together. Then you can put an option field with a number of values, I'll save this and come back here, I'll refresh the page. And when I click here, notice that it gives me a list of values to choose from. Also if I start typing some of these, it's going to narrow down the list, so only those values. So, now I can pick it with my mouse pointer, or just hit the down arrow and hit Enter. This is another one of those features that doesn't take a lot of time to implement, and gives your site a lot of polish.
Adding these attributes and additional text has some additional benefits to how you access things through scripts. So, your hard work here will definitely have additional benefits.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 102042 Viewers
61 Video lessons · 88764 Viewers
71 Video lessons · 72577 Viewers
56 Video lessons · 104221 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.