個人的には使ったことがありません。情報をフォームに入れず、すべてクリアする必要があると判断します。 1つのフィールドを編集します。
さらに、UIでのキャンセルは、進行中のアクションのキャンセルを提案します。フォームへの入力は進行中ではありません。
「すべてクリア」ボタンの方が適切でしょうか?
[〜#〜] edit [〜#〜]:(from マージされた質問)
「リセット」ボタンが冗長でない場合、なぜそうなのですか?それらが完全に受け入れられ、有用で、おそらく推奨/必須であるケースを教えてください。
中に入れる義務があると感じたら;それはあなたのフォームがより使いやすくなることを意味しますか?
記事 Robert Fraserが引用 は良い記事ですが、10年前のものです。それ以来、ウェブは多少変化しました。下の画像で強調表示されている文章に正直に同意しますか?
「ドキュメント」(「戻る」ボタンが正常に機能する)であるブラウザベースのエクスペリエンスと「アプリケーション」(ユーザーがタスクまたは作業単位シーケンスを中止する手段を必要とする可能性がある)であるブラウザベースのエクスペリエンスを区別するように注意する必要があります。
例:このサイトへのコメントの追加は回復できないようです。 [コメントを追加](小文字)をクリックすると、救済は許可されません(私はChrome 5.x ...を使用しています)。[戻る]ボタンを押すと、私はオフになります質問から離れたページなど。私がやりたかったすべてが頭の悪いコメントから救済されたときに望ましい結果ではありませんでした。
現在のフォームをキャンセルして元の場所に戻るという意味の場合、ブラウザの戻るボタンはすでにそこにあります。
入力した内容をすべてクリアする「リセット」/「すべてクリア」ボタンを意味する場合は、NO、NO、NO!簡単に実行できます。誤ってクリックしても、値は追加されません。
いずれにせよ、これはmust-readに関する記事です リセット/キャンセルボタンは有害と見なされます 。
これは実際に状況に依存すると思います:
フォームの値が保存されている場合(高度な検索など)、リセットボタンがあると常に意味があります。
使い捨てフォーム(連絡フォームなど)の場合、ユーザーが何らかの理由でフォームを送信したくない場合は、ユーザーがページから離れることができるため、フォームは必要ありません。
リセットボタンがある場合は、それが送信ボタンと間違えられないようにしてください。私は通常ボタンを作成しませんが、ユーザーがフォームを送信しようとしてボタンを読み取らなかったときに誤ってクリックされないようにするためのリンク(これはおそらく、フォームを送信するときに起こり得る最も苛立たしいことです...)
「キャンセル」ボタンを使用するのは、お客様が不完全なフォームを保存して、後で同じセッションまたは後のセッションでフォームに戻ることができる場合のみです。
また、ボタンのラベルに名詞を付けて、キャンセルされた内容をより明確に示します。
「注文のキャンセル」「見積もりのキャンセル」
また、[削除]ボタンの方が適している場合もあります。例:[カードの詳細を削除]、[アイテムを削除]など
キャンセルボタンは、フォームを編集してリソースに何らかのロックを設定するWebアプリケーションでは理にかなっています(他のユーザーがデータを編集できないようにするなど)。 「キャンセル」ボタンを使用すると、タイムアウトやセッションの終了をシステムに待機させる代わりに、ユーザーがリソースロックをすぐに解放できます。
リセットボタンがあまり役に立たない場合に、ユーザーがフォームを送信せずにフォームから移動する方法が明確な場合。これを含めると、ユーザーが誤ってクリックして、すべてのハードワークがクリアされる可能性が高くなります。
ときどき必要なのは、フォームから移動するためのキャンセルボタンですが、他のナビゲーションが明確でない場合に限られます。
ページがロードされたときの状態にフォームをリセットすることは、ユーザーが実行したいアクションであることはめったにないと思います。
キャンセルボタンが必要になるのは、ユーザーが設定(個人情報、アカウント設定など)をクリックして更新した場合のみです。
キャンセルボタンはフォームに属していません。これらは、システムプロセスが関係する進行状況バーと確認ウィンドウ用です。この記事では、キャンセルボタンがユーザーを混乱させる方法について説明します。
私はこの質問が3歳であることを知っていますが、これを近代化し、アクセシビリティの理由のためにそれを追加したいのですが、明示的なキャンセルボタンがあるのは「キーボードトラップなし」を回避するために絶対に必要です。
WCAG 2.0からのソースは次のとおりです。 http://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation-trapping.html
モーダルダイアログボックスWebアプリケーションがダイアログボックスを表示します。ダイアログの下部には、[キャンセル]と[OK]の2つのボタンがあります。ダイアログが開かれると、フォーカスはダイアログ内に閉じ込められます。ダイアログの最後のコントロールからタブで移動すると、ダイアログの最初のコントロールにフォーカスが移動します。 [キャンセル]ボタンまたは[OK]ボタンをアクティブにすると、ダイアログが閉じます。