web-dev-qa-db-ja.com

フォームのEnterボタンの動作

ユーザーが押すと、ユーザーにとってより良いエクスペリエンスは何ですか enter フォームを使うとき?フォームを送信するか、次のフィールドに移動する必要がありますか?

10
Lee

Enterキーを押すのは、送信ボタンを押すのと同じです。ただし、この手法を使用するかどうかにかかわらず、さまざまな学校があります。 FORM送信およびENTERキー?

Enterを使用してフォームを送信すると、Submitコントロールが「成功したコントロール」であるかどうか(HTML4仕様などの観点から)について、ブラウザ開発者の間で混乱/不一致があるようです。

はい、かなり古い記事ですが、この推論はまだ当てはまります。

Facebookがメッセージングサービスで行っているように、この意志はいつでもユーザーに任せることができます。これは本当に最善の方法だと思います。すべてのユーザーが異なり、ニーズや経験も異なるためです。これをしてください、そしてあなたは私の祝福を持っています:

enter image description here

フォーム内のフィールド間の移動は、通常、タブキーで行われます。 HTMLでは、入力フィールドで属性 tabindex を使用して、フィールド間を移動する順序を設定できます。

9
Benny Skogberg

フィールドのタイプの形式によって異なります。

'enter'にそのフォーム要素内を意味するがある場合、その意味に従って動作する必要があります。たとえば、テキストボックスの場合、Enterキーを押すと次の行に移動します。テーブルの場合、Enterキーを押すと現在のセルの下のセルに移動します。

'enter'がそのフォーム要素内に意味なしを持っている場合、フォームを送信にする必要があります。

あなたが私たちがすべき標準、それは'フィールド間のタブ'ですが、タブがフォームフィールド内で意味を持たない限り。たとえば、表の場合、「タブ」は次のセルに移動します。

7
JohnGB

私は確かにフィールドを切り替えるためにEnterを使用することを避けます、この振る舞いを作成する理由は本当にありません。ユーザーがエンターの使用を許可されているテキストフィールドを使用して問題が発生する可能性もあります。

私はいつも提出するのが難しいと思います。フォームが長くなる/複雑になるほど、有用性が低下すると思います。ただし、フォームのエラー処理が適切であれば、入力時の送信動作を使用することは悪くありません。ユーザーエクスペリエンスとバックエンドの両方について、不完全なフォームが送信されないようにする必要があります。

3
Kim Does