Pavé de signature manuscrite
Un cadre en papier pour signer au doigt ou à la souris, au trait qui s'affine avec la vitesse, ou pour taper son nom.
Réglages
Code
<div class="uvq06-sg"><div class="pd"><canvas role="img" aria-label="Zone de signature"></canvas><span class="hn" aria-hidden="true">Signe ici</span><span class="x" aria-hidden="true">×</span><span class="ln" aria-hidden="true"></span><label class="ty"><span class="sr">Écris ton nom</span><input placeholder="Écris ton nom" autocomplete="name"></label></div><div class="rw"><button type="button" class="md" aria-pressed="false">Utiliser le clavier</button><button type="button" class="cl">Effacer</button><span class="ok" aria-live="polite"></span></div></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Champs
Voir tout : ChampsOù l’utiliser
Un champ de signature dessiné sur un canvas posé sur du papier pointillé, avec la croix classique et la ligne en tirets. Les événements de pointeur captent souris, stylet et doigt, chaque segment est lissé en courbes et s'affine avec la vitesse, ce qui donne un rendu d'encre plutôt qu'une ligne brisée. Un mode clavier remplace le canvas par un champ en écriture cursive.
La couleur principale est l'encre et la secondaire la croix. Utilise-le pour des confirmations de livraison, des contrats de location et des consentements, et exporte le dessin avec toDataURL du canvas quand tu dois l'enregistrer.