Flexdatalist - Plug-in con completamento automatico con
HTML5
Funziona su un campo di input in cui è possibile eseguire automaticamente l' analisi di determinati valori per l'input . La configurazione di default sembra a posto e abbiamo coperto alcuni suggerimenti sulla creazione di fantastici effetti con i datalists automatici.
Tuttavia, è molto più facile lavorare con un plugin come Flexdatalist . Supporta una gamma più ampia di browser e ti consente di personalizzare completamente il design del tuo datalist .
Non tutti hanno bisogno di funzionalità di completamento automatico e con i datalisti HTML5 nativi, potresti non preoccuparti di un plug-in. Tuttavia, Flexdatalist è forse il migliore in circolazione perché si basa sui comportamenti dei dati nativi da aggiungere:- Supporto di risposta mobile
- Descrizioni extra per ogni articolo
- Opzioni per più selezioni contemporaneamente
- Gestori di eventi personalizzati
È tutto basato su jQuery, quindi avrai bisogno di una copia dell'ultima versione per farlo funzionare. Inoltre viene fornito con un proprio foglio di stile CSS che è possibile combinare in un singolo file CSS per ridurre le richieste HTTP.
Puoi trovare le istruzioni complete di installazione sulla pagina demo principale che include i collegamenti per il download ai file Flexdatalist .
È davvero semplice da configurare, con una sola riga di JavaScript . Per impostazione predefinita, il plug-in punta a tutti gli input con la classe .flexdatalist
, quindi è sufficiente aggiungere il codice al codice per visualizzare i risultati.
Devi solo aggiungere il
Il modo più semplice per aggiungere testo aggiuntivo è tramite un file JSON che puoi allegare al tuo input tramite un attributo di dati .
Ad esempio, se controlli la pagina dimostrativa di Flexdatalist troverai un campo di input "Paesi" con l'attributo data-data='countries.json'
. Questo fa riferimento a un file remoto che memorizza esternamente tutti i dati di input non elaborati .
Per iniziare, basta visitare il repository GitHub e scaricare una copia . Questo include un link alla pagina demo principale che ha anche una documentazione completa per l'installazione, le opzioni JavaScript e un sacco di frammenti di codice di esempio per andare in giro.
15 Accessori per iPhone che dovrebbero essere nella tua lista dei desideri Questa vacanza
Il Natale è quasi qui e tanto quanto è un momento di donare, è anche un momento per regalarsi bene . Ci sono un sacco di grandi idee regalo che galleggiano intorno per celebrare la natura del dare-Natale e se possiedi un iPhone, puoi dare un'occhiata a queste 15 idee di accessori per le vacanze .In
Vetrina di bellissimi siti Web in bianco e nero
Decidere la migliore corrispondenza dal mare di colori a volte può essere un duro appello per i web designer. Ma la buona notizia è che quando ci imbattiamo in blocchi di scelta e corrispondenza dei colori, abbiamo strumenti come Adobe Kuler per aiutarci a prendere decisioni. Che ne dici di progettare un sito Web in bianco e nero?S