HTML-Titel funktioniert auf die Dropdown-Liste nicht

July 30

HTML-Titel funktioniert auf die Dropdown-Liste nicht

Das HTML-Attribut "Titel" ist eine standard-Option für die meisten Webseiten-Elemente. Wenn Entwickler Websiteformularen erstellen, können sie Benutzereingaben mit verschiedenen Elementen, einschließlich Dropdown-Listen erfassen. Die Dropdown Liste wird im Markup der Web-Seite durch eine Kombination der Elemente "auswählen" und "Optionen" angezeigt. Das select-Element erscheint mit mehreren Option Kind-Elemente drin. Beide Elemente unterstützen das Title-Attribut, aber in einigen Fällen Entwickler Fehler finden, wenn Sie solche Markup im Browser anzeigen. Das Title-Attribut sollte in der Regel einem Popup Popup-Fenster angezeigt werden, wenn der Benutzer den Mauszeiger über ein Element roll verursachen.

Wählen Sie Element

Das select-Element in HTML-Formularen verwendet ein Starttag, einem Endtag und mehrere Option-Elemente zwischen den beiden. Das Starttag auswählen kann Attribute wie das Title-Attribut enthalten. Die folgende Markup-Übersicht veranschaulicht:< wählen Sie Titel = "Bitte wählen" ><!--Optionen hier-->< / select >

Wenn der Benutzer diese Seite anzeigt, sollte der Inhalt des Title-Attributs angezeigt werden, bei der Interaktion mit der select-Element. Wenn die Optionen-Elemente innerhalb der select-Steuerelement keine Title-Attribute haben, sollte das Attribut für das select-Element auch angezeigt, wenn der Benutzer seinen Mauscursor über die Optionen führt. Wenn das Attribut nicht in das öffnende Tag enthalten ist oder nicht von Anführungszeichen umgeben ist, wird der Titel Inhalt nicht angezeigt.

Option-Element

Das Option-Element wird innerhalb eines select-Elements angezeigt. Der folgende Beispielcode veranschaulicht:< wählen > aus< option Value = "Katze" Title = "w├ñhlen Sie Katze" > Cat < / option >< option Value = "Hund" Title = "w├ñhlen Sie Hund" > Hund < / option >< option Value = "Vogel" Title = "w├ñhlen Sie Vogel" > Vogel < / option >< / select >

Wenn der Benutzer das select-Steuerelement klickt, erscheinen die drei Optionen als Dropdown-Liste. Wenn der Benutzer seine Maus über ein Option-Element bewegt wird, erscheint der Inhalt seiner Title-Attribut als Tool-Tipp. Wenn ein Benutzer im Allgemeinen über das Steuerelement bewegt, erscheint ein Title-Attribut nicht, wenn das select-Element selbst in seinem öffnenden Tag hat.

Mehrere Titel-Attribute

Wenn die Select und Option Elemente Title-Attribute in ihrer Öffnung-Tags haben, wird der Inhalt der während Benutzerinteraktion variieren. Folgende erweiterte Code demonstriert:< wählen Sie Titel = "Bitte wählen" >< option Value = "Katze" Title = "w├ñhlen Sie Katze" > Cat < / option >< option Value = "Hund" Title = "w├ñhlen Sie Hund" > Hund < / option >< option Value = "Vogel" Title = "w├ñhlen Sie Vogel" > Vogel < / option >< / select >

Anfangs, wenn der Benutzer seine Maus über das Element bewegt, wird er sehen "wählen Sie ein Element" pop-up. Als er auf das Steuerelement klickt und die Maus über ein Option-Element schwebt, wird er seine besondere Title-Attribut angezeigt. Wenn die Option-Elemente das Title-Attribut fehlt, erscheint das select-Element Title-Attribut beim Bewegen der Maus über die entsprechende Option.

Browsern

Titel Attribute funktionieren nur in einem bestimmten Benutzer-Kontext. Das Title-Attribut dient zum Arbeiten in Umgebungen, in denen der Benutzer interagiert mit einer Seite mit der Maus oder der Benutzer einen speziellen Browser hat, der das Title-Attribut verwendet. Z. B. vorlesen einige Browserprogramme das Title-Attribut für Benutzer mit eingeschränkter Sehfähigkeit. Title-Attribute funktionieren nicht in anderen Kontexten, z. B., wo der Benutzer ist auf einem mobilen Browser oder einer anderen Umgebung, in der eine Maus nicht verwendet wird.