Il logo del sito

Appunti

select

§ 1. HTML <select> Tag

L'elemento <select> consiste in un un insieme di elementi <option> che rappresentano opzioni predefinite per altri controlli.

L'elemento <select> consente di creare una drop-down list.

Eccone un esempio da w3schools


            <select>
                  <option value="volvo">Volvo</option>
                  <option value="saab">Saab</option>
                  <option value="mercedes">Mercedes</option>
                  <option value="audi">Audi</option>
               </select>

L'elemento select è un controllo di form e può essere utilizzato per raccogliere input dall'utente

Primo problema:

Come usare un elemento datalist in una form.

Come caricare un elemento datalist con una query.

§ 2. Come usare un elemento datalist in una form

Riprendo l'esempio della form per ordinare una pizza.

Provo a sostituire i radio control per la scelta della taglia della pizza, con una datalist.

La pagina con la nuova form è: Form Ordine Pizza