1
00:00:05,190 --> 00:00:15,930
The last but not least element of the fall we are about to see is the tag called Data Liste data enables

2
00:00:15,930 --> 00:00:25,830
us to create lists exactly like select and to make them visible once click inside the dedicated space

3
00:00:26,430 --> 00:00:28,290
displaying the menu.

4
00:00:28,440 --> 00:00:35,220
Therefore, the list of all the data stored inside only after such a click.

5
00:00:38,960 --> 00:00:47,990
To correctly use this data list, we should add an input to which, in this case, a list value will

6
00:00:47,990 --> 00:00:52,640
be given, which will substitute the type attribute.

7
00:00:54,850 --> 00:00:59,410
This way, defining correctly the name of the data list.

8
00:01:00,550 --> 00:01:04,540
We are naming our example list caller.

9
00:01:09,640 --> 00:01:18,310
Also in this case, we are given the name callers, and once in certain this type of input, we are

10
00:01:18,310 --> 00:01:20,080
adding data laced.

11
00:01:21,580 --> 00:01:30,570
To which in this case, and I'd corresponding to the last name should be assigned, therefore I'd equals

12
00:01:30,580 --> 00:01:39,790
coller once done this, let's insert our options, let's select the same structure of list.

13
00:01:40,240 --> 00:01:43,630
Let's copy and paste it, though.

14
00:01:43,630 --> 00:01:50,730
In this case, insert in the name of the option and closing the option will not be necessary.

15
00:01:51,340 --> 00:01:58,060
In fact, we have just to insert the value, for example, read.

16
00:01:59,030 --> 00:02:03,950
Green and blue and the lead workers left.

17
00:02:09,090 --> 00:02:18,870
And here's the structure of our data list, so once we are done with this, we can save, refresh and

18
00:02:18,870 --> 00:02:28,380
verify in our preview that this new dropdown list gets displayed featuring our three options list through

19
00:02:28,380 --> 00:02:38,460
which we can then select them from the same or use our keyboard insert in the letters, which will be

20
00:02:38,460 --> 00:02:42,810
then completed automatically by the list itself.

21
00:02:44,860 --> 00:02:52,450
So actually, we have seen an evolution of select without the multiple selection.

22
00:02:53,800 --> 00:03:02,110
Now that we have also seen this element, we will see in depth further details regarding our input.

23
00:03:03,180 --> 00:03:11,460
We will therefore go back and visualize some modes which permit part of the form to feature one or more

24
00:03:11,460 --> 00:03:20,550
components as visible but not modifiable, to have default values, to disable as specific content,

25
00:03:20,850 --> 00:03:26,010
or to insert a maximum length to attribute to a specific tag.