If the datalists in Figure 1 and Figure 2 look familiar, it’s because browsers have had autocompletion implemented for a long time. Figure 1 shows what the user will see in supporting browsers after typing a D.
No JavaScript is required to make a datalist work. Notice that the list attribute of the input and the id attribute of the datalist contain the same value, “team_list”. To tie a datalist to an input element, give the input element a list attribute and the datalist an id attribute that match. To do this, define a datalist with an option element for each suggestion: But by using a datalist, you can provide a list of options the user can select from to complete the field. By default, the user will be given no additional help to complete the field. This field asks a user to provide his or her favorite sports team. To show how a datalist works, let’s start with a traditional text input: Favorite Team: Sign up for a free Jotform account to create powerful online forms in minutes - with no coding required.
0 kommentar(er)
