In a summary:

Don't use placeholder text.
Don't use disabled form fields and buttons, whenever possible.
Don't make multi-column forms.
Do make sure labels and instructions are always visible.
Do put your labels and instructions above text fields.
Do make sure your labels, inputs, and any help text are associated properly.
Do make sure all text meets WCAG colour contrast requirements.

Sur la bonne utilisation des formulaires

Attention, un prochain outil va apparaître rien que pour cela dans 3, 2, 1

A transparent page that shows how it is itself built 😄

A list of images for the page 404

OMG ! 😍
It looks legit to me. I have to give it a try.

<meta http-equiv="refresh" content="0; url=https://github.com/tmux/tmux/wiki"/>

Wow ! Reset a form with this button type !

<button type="reset">Clear</button>

but how wants to reset a form ? 🤔

<input type="text" name="token" id="token" inputmode="numeric" pattern="[0-9]*" autocomplete="one-time-code" />

(shared by http://warriordudimanche.net/article1244/5e673e02c0058)

About the messy implementations of <input>

Il faut ajouter \u000A .

An Javascript library for HTML templates.

Les balises expliquées rapidement sont : <details>, <dialog>, <data>, <base>, <meter>.

Via leHollandaisVolant

<3

Les fonctionnalités méconnus du HTML.

Petit coup de coeur pour l'Expend/collapase of details. Balise :

<details>
     <summary>A summary text</summary>
     <p>Explanations</p>
</details>

L'attribut méconnu contenteditable qui fait exactement ce que vous pensez.

Entre autres