EntereyHint

Ich habe erst kürzlich gelernt, dass das EnterkeyHint -Attribut in Formulareingängen eine Sache war! Es scheint mir eine Art große Sache zu sein, da das Erstellen von HTML-Formmarkup ein anständiges Stück des Lebens eines Front-End-Entwicklers ist, und dieses Attribut könnte ( sollten? ) Bei nahezu allen Eingaben verwendet werden.

Das EnterkeyHint -Attribut ändert die Aktions -Taste auf einer mobilen Tastatur, um den Text/die Gewährung zu ändern. Stefan Judis fordert es in diesem Tweet von 2020 gut aus:

Sagen Sie also, ich habe eine Form wie diese:

Name: Lieblingslieder: speichern

Die Benutzererfahrung dadurch schlägt ein Formular vor, das „speichert“, aber standardmäßig auf dem iPhone in meiner Hand, in der blauen Taste in der Tastatur ... „GO.“

Das ist keine Katastrophe oder so, aber jetzt habe ich einige Optionen für diesen Knopf. Ich werde dies aus der Spezifikation stehlen, was sie als „Eingabemodalitäten“ bezeichnet:

Als ernsthafter Webprofi habe ich auch Enterkeykint = "Poop" ausprobiert, aber leider wurde es nicht vom Browser respektiert. Beachten Sie, dass bei Android die Aktionsschaltfläche nicht immer in Text verwandelt, sondern Symbole verwendet. Für den Wert Senden erhalten Sie also ein kleines Papierflugzeugsymbol und nicht das Label "Senden". Also, ja, offensichtlich hätte sich Poop in?

Für das obige Beispiel des kleinen Formulars ... Der Wert geht für mich irgendwie besser als gehen. Wenn ich das ändern möchte, würde ich das Attribut für alle interaktiven Formularelemente hinzufügen:

Name: Lieblingslieder: Speichern

Dieses Attribut geht direkt auf die Formulareingänge ein, sodass es sich für jeden Eingang ein wenig wiederholt, insbesondere in längeren Formen. Aber es gibt Ihnen die Möglichkeit, es je nach der Fokussierung der Eingabe zu ändern.

Ich bemerke, dass Speichern keine gültige Option ist. Das scheint seltsam, da es sich anfühlt, als würden viele Formen bieten. Vielleicht möchte die Webplattform nichts anbieten, das den Benutzern etwas sagt, das sie unmöglich erzwingen können? Ich bin mir jedoch nicht sicher, ob dies der Fall ist, denn wenn Sie als nächstes oder vorher eingesetzt werden , ändert das das Verhalten überhaupt nicht - Sie müssen das selbst codieren, wenn Sie sich auf die nächsten oder vorherigen Eingaben konzentrieren möchten. Standardmäßig legt die Aktions -Taste das Formular so gut wie gewohnt ein.

Ich bin all dies auf all dies gestoßen, als Stefan vor kurzem getwittert hat, dass Firefox es jetzt unterstützt und eine weitgehend vollständige Unterstützung für diese Funktion bietet. Diese Funktion ist nur für mobile Browser relevant (oder, ich nehme an, Browser, die virtuelle Tastaturen unterstützen?), Daher habe ich über dieses Firefox -Handy nachgedacht. Ich bin so an die Tatsache gewöhnt, dass alle Browser auf iOS (?) Safari sind. Bei Android können Sie jedoch „echtes“ Firefox verwenden, was eine gute Erinnerung daran ist, dass nicht nur verschiedene mobile Browser existieren, sondern auch verschiedene mobile Browser unterschiedlich verhalten.

In diesem Video, das ich sicher vor der Unterstützung für EnterkeyHint vorliegt, beachten Sie, wie die virtuelle Tastatur die Benutzeroberfläche für den nächsten automatisch anbietet, wenn sie sich auf die erste Eingabe konzentrieren (und keine Möglichkeit, direkt zu reichen). Auf der zweiten (und zuletzt) ​​der Aktion wird die Schaltfläche in eine Taste Senden (und es gibt keine "vorherige" Taste). Dies unterscheidet sich deutlich von iOS, wo alles, was angeboten wird, die Navigation zwischen Eingängen mit kleinen Auf- und Abpfeilen über der Tastatur selbst ist.

Alles in allem ist eine ziemlich coole Funktion, die wir alle zumindest bewusst sein sollten, wenn sie in den meisten HTML -Formularen, die wir erstellt haben, zu den Verhaltensweisen erstellt werden.

Das obige ist der detaillierte Inhalt vonEntereyHint. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!