web-dev-qa-db-ja.com

署名フィールドを物理的な署名ボックスのようにする

私は、4日間のスケジュールと、スケジュールの条件を遵守することを証明する「署名」を含むアプリを作成しています。署名フィールドを紙のドキュメントの署名ボックスのように見せたいです。つまり、Web入力ボックスよりも大きく、大きなイタリック体のテキストを使用して漠然と署名を模倣します。

もう1つの課題は、スケジュールフィールド(多かれ少なかれGoogleカレンダーの4日間ビューに似ていることを意味します)と署名フィールドの間に、上記のスケジュールを要約したコンテンツを含む追加の行があることです。編集可能なテキストは太字で表示され、クリックすると、従来の外観の入力ボックスに変わり、onblurは通常のテキストに戻ります。

全体的に見てほしいのは、スケジュールフィールドとその下の内容が印刷されたドキュメントのようになり、ペンで入力するのは署名だけであるということです。

1)それは良い考えですか? 2)その場合、どうすればいいですか?

下の図。

enter image description here

9
JClaussFTW

クライアントがタイプされた「署名」を本当に望んでいて、それを印刷されたドキュメントのように見せることに興味があるなら、このようなことはどうですか?

標準の署名欄と説明用のプレースホルダーテキストがある強調表示された署名ボックス。

enter image description here

クリックすると、点滅するカーソル、変更をコミットするボタン、アクションをキャンセルする方法が表示されます。

enter image description here

9
dennislees

私はデニスリーズと彼のコメントに同意する必要があります。仮想署名ボックスの有用性には疑問があります。ただし、dennisleesのデザインに取り組むために、「ここに署名」ボックスの先頭に純粋に美的な「X」を追加することをお勧めします。

Mockup

繰り返しになりますが、ユーザーがチェックボックスをオンにするだけでユーザーに名前を署名させる必要はないと思います。デジタル証明書を使用しない限り、「私はこれらの条件を読み、同意しますと条件」

一方、これを印刷する場合は、チェックボックスをユーザーの名前に置き換えると、同様の効果が得られますスケジュールを印刷できるようになったら

2
user28761