web-dev-qa-db-fra.com

Faire ressembler un champ de signature à une boîte de signature physique

Je crée une application qui implique un calendrier de quatre jours et une "signature" qui certifie que vous allez respecter les termes du calendrier. Je voudrais que le champ de signature ressemble à une boîte de signature sur un document papier, ce qui signifie plus grand qu'une boîte de saisie Web et utiliser un texte en italique plus gros pour imiter vaguement une signature.

Un défi supplémentaire est qu'entre le champ de planification (censé ressembler plus ou moins à la vue 4 jours de Google Agenda) et le champ de signature est une ligne supplémentaire avec du contenu résumant le calendrier ci-dessus. Le texte modifiable apparaîtra en gras et lorsque vous cliquez dessus, il se transformera en une zone de saisie d'aspect plus traditionnel et une fois flou, il reviendra au texte normal.

La façon dont je veux que l'aspect global soit que le champ de planification plus le contenu ci-dessous devrait ressembler à un document imprimé où la seule chose à entrer dans le stylo est votre signature.

1) Est-ce une bonne idée? 2) Si oui, comment dois-je procéder?

Illustration ci-dessous.

enter image description here

9
JClaussFTW

Si le client veut vraiment une "signature" dactylographiée et que vous souhaitez le faire ressembler à un document imprimé, que diriez-vous de quelque chose comme ça?

Une boîte de signature en surbrillance avec une ligne de signature standard et du texte d'espace réservé à l'instruction.

enter image description here

En cliquant, l'utilisateur obtient un curseur clignotant, un bouton pour valider la modification et un moyen d'annuler l'action.

enter image description here

9
dennislees

Je dois être d'accord avec dennislees et son commentaire, l'utilité d'une boîte de signature virtuelle est discutable. Cependant, pour travailler sur le design de dennislees, je suggère que vous ajoutiez un "X" purement esthétique au début de la case "signer ici".

Mockup

Encore une fois cependant, je ne pense pas vraiment qu'il soit nécessaire de faire signer leur nom aux utilisateurs lorsqu'ils peuvent simplement cocher une case, et à moins que vous n'utilisiez un certificat numérique, ce n'est pas plus juridiquement contraignant que "J'ai lu et j'accepte ces conditions et conditions "

D'un autre côté, si vous allez l'imprimer, peut-être que remplacer une case à cocher par le nom de l'utilisateur aura un effet similaire ne fois que la planification est prête à être imprimée

2
user28761