`inputMode` HTML attribute

Sat, 14 Feb 2026 00:00:00 +0000

While working on a form with numeric inputs, I noticed Claude putting this attribute on them: inputMode="numeric".

Intrigued, I looked at the MDN page and it turns out the attribute exists to support different input styles, mostly related to what a smartphone will show in the keyboard tray. It can take values like tel, email, numeric and so on.

The attribute’s effect is limited to the keyboard, and it relies on the specific vendor to act on it. Nevertheless, I find it pretty useful to be able to change the keyboard between numeric and decimal depending on the value that needs to be entered in a form field.

`datalist` for range inputs

Tue, 27 Aug 2024 00:00:00 +0000

The datalist tag has surprised me at least a couple time already. While I still consider native HTML inputs as inadequate and too rigid, I admit that thanks to the datalist tag the UX can improve a bit.

Today I was how far the native range inputs are from for ElasticUI range inputs, the one I currently use. I stumbled upon the MDN Web docs page and particularly on the list attribute: it can contain the id of a datalist component and to enhance the user experience of the input. It seems the only three ways these two tags can interact are:

HTML on Duma's website

inputMode HTML attribute

datalist for range inputs

`inputMode` HTML attribute

`datalist` for range inputs