HTML Attribute to Allow/Disallow Handwriting Input

This content originally appeared on CSS-Tricks and was authored by Geoff Graham

A new explainer for a new HTML attribute to handle handwritten inputs. Like this:

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

The primary use case is for those using one of those writing devices for touch screens, like Apple Pencil. The explainer comes from the Microsoft Edge team, so maybe the Surface Slim Pen is the impetus behind it. I suppose there are other use cases since the same devices that support pen-like input devices also tend to support using your finger. There are also those text box signatures in apps like DocuSign that are impossibly tough to sign with a mouse cursor, though it’s possible.

We’ll let the author, Adam Ettenberger, articulate it better than I can:

The developer authoring the drawing widget may not be aware that it may be on top of or near an input element, and it seems bad if they need to find such elements and disable handwriting on them.

Why an HTML attribute? The explainer outlines a few alternatives that were considered, including:

• Extending the CSS pointer-events property (e.g. pointer-events: handwriting)
• Extending the CSS touch-action property
• Extending the HTML inputmode attribute

And why not a JavaScript API instead? Haha, we won’t go there.

Anyway, handwriting on the web… let’s see if we get a prototype!

A couple more pieces of context:

• Feature: HTML handwriting attribute (Chrome Platform Status)
• Intent to Prototype: HTML handwriting attribute (blink-dev Google Group)

HTML Attribute to Allow/Disallow Handwriting Input originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.

This content originally appeared on CSS-Tricks and was authored by Geoff Graham

Print Share Comment Cite Upload Translate Updates

APA

Geoff Graham | Sciencx (2024-08-12T14:00:47+00:00) HTML Attribute to Allow/Disallow Handwriting Input. Retrieved from https://www.scien.cx/2024/08/12/html-attribute-to-allow-disallow-handwriting-input/

MLA

" » HTML Attribute to Allow/Disallow Handwriting Input." Geoff Graham | Sciencx - Monday August 12, 2024, https://www.scien.cx/2024/08/12/html-attribute-to-allow-disallow-handwriting-input/

HARVARD

Geoff Graham | Sciencx Monday August 12, 2024 » HTML Attribute to Allow/Disallow Handwriting Input., viewed ,<https://www.scien.cx/2024/08/12/html-attribute-to-allow-disallow-handwriting-input/>

VANCOUVER

Geoff Graham | Sciencx - » HTML Attribute to Allow/Disallow Handwriting Input. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/08/12/html-attribute-to-allow-disallow-handwriting-input/

CHICAGO

" » HTML Attribute to Allow/Disallow Handwriting Input." Geoff Graham | Sciencx - Accessed . https://www.scien.cx/2024/08/12/html-attribute-to-allow-disallow-handwriting-input/

IEEE

" » HTML Attribute to Allow/Disallow Handwriting Input." Geoff Graham | Sciencx [Online]. Available: https://www.scien.cx/2024/08/12/html-attribute-to-allow-disallow-handwriting-input/. [Accessed: ]

rf:citation

» HTML Attribute to Allow/Disallow Handwriting Input | Geoff Graham | Sciencx | https://www.scien.cx/2024/08/12/html-attribute-to-allow-disallow-handwriting-input/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.