Datalist-Pfeil kommt nicht in ie und Firefox

8

Hi Ich benutze ein Datenlisten-Tag für ein Dropdown wie in der Geige. Ich bekomme den Pfeil nur für das Dropdown in Chrom. und der Pfeil kommt nicht herein und Firefox. In Firefox ist die Suche faul Suche dh; Es basiert nicht auf dem ersten Buchstaben

Die Geige ist :: Ссылка Bitte geben Sie das Styling an, wenn dies möglich ist

%Vor%
    
charan babu 25.06.2015, 05:31
quelle

5 Antworten

8

Überprüfen Sie damit. Ich habe es so versucht, aber es hat nicht gut funktioniert. Vielleicht ist dies die einzige Lösung

%Vor% %Vor%
    
Jishnu V S 18.09.2016 07:58
quelle
2

Interessant. Ich habe das auf meinem Rechner getestet und habe das gleiche Ergebnis :( Der Dropdown-Pfeil erschien nur in Chrome, obwohl ich in FF immer noch aus der Liste wählen konnte, aber ohne einen Dropdown-Pfeil.

Was ist, wenn Sie nur das SELECT-Tag verwendet haben?

%Vor%

Ich habe etwas mehr daran gegraben und diesen Post gefunden ... HTML Formular: Select-Option vs Datalist-Option

Es erklärt besser den Unterschied zwischen Datenliste und Auswahl. Das könnte auch der Grund sein, warum mein Vorschlag, SELECT stattdessen zu verwenden, nicht angemessen ist. Aber es könnte auch das Fehlen des Pfeils erklären. Ich sehe nirgendwo in den anderen Diskussionen, dass der Pfeil ein garantiertes Verhalten ist. Der Daten-Assistent funktioniert möglicherweise noch als Auto-Vervollständigung, aber ohne den Dropdown-Pfeil (obwohl ich dies in IE11 noch einmal überprüft habe und es scheint, als würde er die automatische Vervollständigung nicht machen).

Vielleicht kann das nur darauf zurückgeführt werden, wie gut verschiedene Browser diese Funktion implementieren.

    
Lucien Stals 25.06.2015 06:19
quelle
1

Das Element <datalist> ist nicht ein <select> Ersatz.
Die allgemeine Idee besteht darin, Ihnen die Möglichkeit zu geben, eine Liste vordefinierter Werte für andere Steuerelemente festzulegen. [ 1] , jedoch gibt es keine Spezifikation für das Zeichnen dieser Liste und ob ein Pfeil angezeigt werden soll oder nicht.

Der Pfeil, den Sie in Chrome sehen, ist etwas, das Browser-unabhängig ist, das nur Chrome hat.

Genau wie eine Randnotiz - für datetime-local - nur in Chrom wird dieser Platzhalter angezeigt:

%Vor%

%Vor%

Wenn Sie den exakten Pfeil in allen Browsern anzeigen möchten, müssen Sie dafür Javascript-Code verwenden (Sie können jquery ui's autocomplete zum Beispiel ).

    
Dekel 14.09.2016 01:05
quelle
-1

Probieren Sie dies

aus %Vor%

Oder

%Vor%     
Dipesh 13.09.2016 14:00
quelle
-1

Nun, ich habe ein wenig gesucht und ich habe das sofort auf w3schools gefunden. Ссылка Auf dieser Seite wird deutlich angegeben, dass die automatische Vervollständigung implementiert werden soll. Auto-Vervollständigung ist eine Funktion, die häufig in IDEs mit dem Zweck gefunden wird, mögliche Werte während der Eingabe anzugeben. Mit anderen Worten, Firefox und IE implementieren es richtig. Sobald Sie sich entscheiden, etwas in das Textfeld einzugeben, werden Ihnen mögliche Optionen angezeigt, und während Sie tippen, werden die möglichen Optionen gefiltert. In diesem Fall implementiert Chrome es ziemlich seltsam, indem es eine Dropdown-Box macht. Die automatische Vervollständigung sollte nicht so funktionieren, wenn Sie eine Texteingabe verwenden würden. Sie können es für eine Dropdown-Box verwenden, wenn Sie jedoch ein Select-Tag in Ihrem Datenlisten verwenden, wie hier zu sehen ist Ссылка

    
PieterVK 18.09.2016 09:04
quelle

Tags und Links