HTML-Attribut zum Zulassen/Verweigern von Handschrifteingaben

Avatar of Geoff Graham
Geoff Graham am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Ein neuer Explainer für ein neues HTML-Attribut zur Handhabung von handschriftlichen Eingaben. Wie dieses

<input type="text" handwriting="true" ... >
<input type="text" handwriting="false" ... >
<textarea handwriting="" ... > <!-- evaluates to "true" -->
<div contenteditable handwriting="true">...</div> <!-- maybe? -->

Der primäre Anwendungsfall sind Benutzer, die eines dieser Schreibgeräte für Touchscreens verwenden, wie z. B. den Apple Pencil. Die Erklärung stammt vom Microsoft Edge-Team, daher ist vielleicht das Surface Slim Pen der Anstoß dafür. Ich gehe davon aus, dass es noch weitere Anwendungsfälle gibt, da die gleichen Geräte, die Stift-ähnliche Eingabegeräte unterstützen, auch die Verwendung Ihres Fingers unterstützen. Es gibt auch diese Textfeld-Signaturen in Apps wie DocuSign, die mit einer Maus unmöglich zu unterschreiben sind, obwohl es möglich ist.

Wir überlassen es dem Autor, Adam Ettenberger, es besser zu formulieren, als wir es können.

Der Entwickler, der das Zeichen-Widget erstellt, ist sich möglicherweise nicht bewusst, dass es sich über oder in der Nähe eines Eingabeelements befinden kann, und es scheint schlecht zu sein, wenn er solche Elemente finden und die Handschrift darauf deaktivieren muss.

⚠️Automatisch abspielende Medien

Warum ein HTML-Attribut? Die Erklärung skizziert einige Alternativen, die in Betracht gezogen wurden, darunter

  • Erweiterung der CSS-Eigenschaft pointer-events (z. B. pointer-events: handwriting)
  • Erweiterung der CSS-Eigenschaft touch-action
  • Erweiterung des HTML-Attributs inputmode

Und warum stattdessen keine JavaScript-API? Haha, wir werden nicht so weit gehen.

Auf jeden Fall, handwriting im Web… sehen wir, ob wir einen Prototyp bekommen!

Ein paar weitere Kontextinformationen