Tag: html-datalist
Das HTML5 – <datalist> – element stellt eine Reihe von <option> – Elemente, repräsentieren vordefinierte Optionen für andere Steuerelemente (wie <input>).
DataList-und Enter-Taste Veranstaltung
1 Antworten
Ich habe ein input-text-Feld, auf dem ich die trigger-Taste-Ereignis. Auf enter, Prozess-spezifischen code mit der Eingabe-Wert. Funktioniert alles Super. HAML: %input#myField{:type => "text"} JavaScript: my_field = document.getElementById('myField'); my_field.addEventListener("keypress", function (event) { if (event.keyCode == 13) { event.preventDefault();
HTML-Datenliste für die Eingabe von text mit der option Wert
2 Antworten
Wenn in Google Chrome, das erlaubt es mir zu Holen "rot" und "blau" aus einem drop-down-nach der Eingabe von "b" oder "r": <input type="text" list="colors" /> <datalist id="colors"> <option value="red"> <option value="blue"> </datalist> Aber in Safari tut
Wie setzen datalist auf zeigen Sie alle Optionen auf die Konzentration?
1 Antworten
Erstellen Sie ein dropdown wie in dem Bild unten. Ich Gegoogelt und bekam zu wissen, dass HTML5 datalist kann mir helfen, dies tun. Jedoch, datalist zeigt nicht alle Möglichkeiten, wenn der Fokus drauf ist. Wie zeige ich
Wie kann ich überprüfen die Eingabe eines html5 Datalist?
3 Antworten
Ich würde gerne wissen, wie ich überprüfen kann, ob die Eingabe mit dem Wert, der aus Datalist. Ich meine, wenn ich eine Datalist wo der Benutzer kann anfangen zu schreiben, einen Wert und dann wählen Sie aus
Verwenden HTML5 (datalist) autocomplete mit 'enthält' Ansatz, der nicht nur 'beginnt mit'
3 Antworten
(Ich kann es nicht finden, aber dann wieder ich don ' T wirklich wissen, wie die Suche für Sie.) Möchte ich <input list=xxx> und <datalist id=xxx> zu bekommen, autocompletion, ABER ich wollen, dass der browser mit allen
Wie, um nur den text im datalist HTML5 und nicht den Wert?
2 Antworten
Hier ist ein Beispiel: <input list="browsers" name="browser"> <datalist id="browsers"> <option value="Internet Explorer">1</option> <option value="Firefox">2</option> <option value="Chrome">3</option> <option value="Opera">4</option> <option value="Safari">5</option> </datalist> http://jsfiddle.net/j7ehtqjd/1/ Was ich erreichen möchte ist wenn ich auf das input-element den Wert nicht angezeigt, sondern
HTML5 datalist-Wert vs. innere-text
2 Antworten
Ich habe ein Problem, manifestiert Sie sich zwischen Chrome und Firefox ist der Umgang mit der HTML5 datalist-element. Ich kann mich zu missbrauchen, der Firefox ist der Umgang mit der Art, wie ich erwarte, aber Chrome ist
Begrenzung der Gesamtzahl der Einträge angezeigt, die von datalist
1 Antworten
Wenn es eine lange Reihe von Elementen in eine datalist, Sie werden alle angezeigt die mit einem scroll-bar neben Sie. Gibt es eine einfache Möglichkeit, um nur die top 5, und schneiden Sie einfach den anderen aus?
Holen Sie sich datalist-Optionen im IE9 mit JavaScript
3 Antworten
Dieser code funktioniert in allen gängigen Browsern außer dem Internet Explorer 9. Ich verstehe nicht, was ich falsch mache, es ist wahrscheinlich etwas einfach, dass ich vermisst. Kopieren Sie diesen code (oder verwenden Sie dieses jsFiddle) zu
Input-Auswahl In Der Liste Geändert-Ereignis
3 Antworten
Habe ich dieses Beispiel: <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Google Chrome"> <option value="Opera"> <option value="Safari"> </datalist> Muss ich fangen ein Ereignis, wenn der Benutzer wählt option (mit der Maus oder der Tastatur). Habe ich
Einstellung versteckt datalist-option Werte
5 Antworten
In dem snippet unten, habe ich zwei Methoden, um ein Element auswählen: Eingang mit datalist und traditionellen wählen Sie mit Optionen. Das select-element hält die option, die versteckten Werte, und wir sind immer noch in der Lage,
Führen Sie die Aktion beim klicken auf HTML5 datalist-option
3 Antworten
Ich bin mit einem <datalist> <datalist id="items"></datalist> Und AJAX verwenden um die Liste zu füllen function callServer (input) { xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function(){ if (xmlhttp.readyState == 4 && xmlhttp.status == 200){ //return the JSON
Ist es möglich, style-drop-down-Vorschläge bei der Verwendung von HTML5 <datalist>?
2 Antworten
Siehe hier: http://jsfiddle.net/zemar (Muss mit Firefox oder Opera zu sehen) Wenn Sie klicken Sie auf die select die drop-down-Stil passen, aber, wenn Sie mit der Eingabe beginnen ein Begriff aus der Daten-Liste in das Textfeld die Vorschläge,
Ich kann nicht der Wert eines input-in eine datalist?
0 Antworten
Ich habe ein datalist-Feld, das wie folgt aussieht: <td> <input list="screens.screenid-datalist" type="text" id="screens.screenid" onblur="validate('0','0','jacques')"> <datalist id="screens.screenid-datalist"> <option value="Login"></option> <option value="ScreenCreator"></option> </datalist> <label id="val-screens.screenid" class="Label_Error" style="visibility: hidden;">*</label> </td> und ich habe einen JavaScript code hat, um den Wert
Finden ausgewählte Element in der Datalist in HTML
3 Antworten
Ich habe ein datalist-so etwas <input list="browsers"> <datalist id="browsers"> <option id="op1" value="Internet Explorer"> <option id="op2" value="Firefox"> <option id="op3" value="Chrome"> <option id="op4" value="Opera"> <option id="op5" value="Safari"> </datalist> Ich bin hinzufügen "die option" Verwendung von jquery für die datalist.
Wie bekomme ich das change-Ereignis für ein datalist?
2 Antworten
Ich bin mit einem datalist-und müssen erkennen, wenn der Benutzer wählt etwas aus der drop-down-Liste. Eine ähnliche Frage gestellt wurde , ABER ich brauche es so, dass das event feuert NUR, wenn der Benutzer wählt etwas aus
html-datalist-keine Unterstützung für ng-options: how to pass-Objekt
2 Antworten
Entwickle ich eine app im mobile-angular-ui (Winkel+bootstrap). In meiner login-Seite, können die Benutzer daran erinnern, Ihre Anmeldeinformationen (Benutzername und Kennwort). Nutzer-Daten ara gespeichert in "localStorage". Das funktioniert auch. Ich kann load-Benutzer in meiner login-Seite mit datalist: <form
Ausgewählte Wert in der datalist unter Verwendung von jQuery
8 Antworten
Sehr einfach und geradlinig. Ich pre-besiedelten einer HTML-Datenliste mit den Werten, auf die form, wenn ich will, wählen Sie einen Wert aus und legen Sie es in SQLite-Datenbank. Das ist mein Beispiel-code, der nicht funktioniert. Bitte helfen
In AngularJS wie zu verwenden datalist
2 Antworten
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> <div ng-app="" ng-controller="cntryController"> <input list="testList" type="" ng-model="SelectedDoctor" ng-change="LoadSessionData(SelectedDoctor)" /> <datalist id="testList"> <option value="Dr.Test1" ng-selected="selected"></option> <option value="Dr.Test2"></option> <option value="Dr.Test2"></option> </datalist> </div> Controller function cntryController($scope) { $scope.LoadSessionData = function(val) { console.log(val); }; } überprüfen Sie diesen Link
Html-datalist-Werte aus array in javascript
3 Antworten
Habe ich ein einfaches Programm, welches die Werte aus der Textdatei auf dem server, und füllen Sie anschließend auf die Steuerelemente datalist, wie die Auswahl in das input-text-Feld. Zu diesem Zweck wird der erste Schritt, den ich
Dynamische HTML5 Datalist
3 Antworten
Also ich habe ein bisschen ein Problem, immer mein HTML5 Datalist zum Auffüllen dynamisch aus einer javascripi array wird gefüllt von Werten des Schlüssels um ein Objekt, das Wesen bevölkert, die über Zeilen in einer MySQL-Datenbank. Puh!
Gibt es eine SelectedIndex-Eigenschaft für ein HTML5 DataList?
5 Antworten
Können Sie wählen Sie die aktuelle option jeder select element: mySelect.options[mySelect.selectedIndex] Kann ich tun das gleiche mit einer DataList? So etwas wie dieses: <input id = "input" list = "datalist" type = "text" /> <datalist id =
Kann HTML5 datalist unterscheiden Wert und die option text?
2 Antworten
Die Liste von Attribut /datalist-element von HTML5-Formularen zeigt ein dropdown-Menü mit Wahlmöglichkeiten, die man auswählen können, Bearbeiten, und sogar geben Sie etwas text ein. All dies kann erreicht werden, auf einmal mit einem sauberen und kraftvollen code:
Wie, um den text anzuzeigen, der in der datalist html5 und nicht Wert
2 Antworten
<!DOCTYPE html> <html> <body> <input list="browsers" name="browser"> <datalist id="browsers"> <option value="Internet Explorer">1</option> <option value="Firefox">2</option> <option value="Chrome">3</option> <option value="Opera">4</option> <option value="Safari">5</option> </datalist> <input type="submit"> </form> </body> </html> http://jsfiddle.net/j7ehtqjd/1/ Habe ich schonmal ein Turnschuh. Überprüfen Sie bitte. Die Lösung,
Mehrfachauswahl mit Datenliste
3 Antworten
Ich bin mit der tag-erstellen Sie eine Liste mit Vorschlägen für mein Suchfeld, aber ich kann nicht wählen Sie mehrere Werte aus der Datenliste. Derzeit ist meine HTML-ist: <html> <form action="search_tags.php" method="GET"/> Search: <input type="text" multiple="multiple" name="search"
HTML-Formular: Option-Option vs. Datalist-Option
8 Antworten
Ich Frage mich, was die Unterschiede sind zwischen Select-Option und Datalist-Option. Gibt es irgendeine situation, in der es besser wäre, auf eine oder die andere? Jeweils ein Beispiel folgt: Select-Option <select name="browser"> <option value="firefox">Firefox</option> <option value="ie">IE</option> <option
jQuery-Ereignis, wenn auf die Option HTML5 Datalist geklickt wird
3 Antworten
Was ich jetzt habe: Also ich habe das HTML5 Datalist mit einer Reihe von Optionen in ihm, und ich habe 2 events feuern. Wenn der Benutzer tippt etwas übereinstimmt, etwas, das der array von Namen, das Auffüllen
Gibt es eine Möglichkeit, einen CSS-Stil auf HTML5-Datenoptionen anzuwenden?
2 Antworten
Würde ich gerne ändern die Art und Weise, dass die Liste der verschiedenen Optionen, die meiner datalist angezeigt werden. Ist es möglich, gilt es einige CSS-Eigenschaften ? <input list="languages" id="language_id"> <datalist id="languages"> <option value="html">HTML</option> <option value="java">Java</option> <option
Zeige Datalist-Labels, aber sende den tatsächlichen Wert
4 Antworten
Derzeit die HTML5 <datalist> element unterstützt die meisten gängigen Browsern (außer Safari) und scheint eine interessante Möglichkeit zum hinzufügen von Kommentaren zu einem Eingang. Jedoch scheint es einige Diskrepanzen zwischen der Umsetzung der value Attribut und den
So deaktivieren Sie die automatische Vervollständigung, während Sie das Datenelement in HTML verwenden
5 Antworten
Ich habe eine input Feld zeigt eine Liste mit html5 <datalist> element. Das problem ist, dass mit <datalist> die browser-autocomplete zeigt auch die history-Liste (das ist die Liste der zuvor eingegebenen Werte, die nicht in der <datalist>).