2012-02-13 8 views
0

複数パートHTMLフォームの最初のテキスト入力フィールドにユーザーが<ENTER>を入力した場合、すぐにphpスクリプトを実行するのではなく、次の入力フィールドをどのようにタブするか?複数パートHTMLフォームのタブ付け

<FORM METHOD=POST ACTION="commentw.php"> 
Name: <input type="text" name="name" size="60" maxlength="40"> 
<textarea name="comment" wrap="physical" rows="10" cols="80"></textarea> 
<INPUT TYPE=SUBMIT VALUE ="Submit"> 
</FORM> 

私はどこでもヒントを探して成功していません。

ありがとうございます!

+1

ここで、デフォルトの動作を無効にする理由がわかりません。 Tabキーを押すと、他の入力に移動できます。 tabindex属性を使用して、タブを押したときにフォーカスが置かれる順序を選択します。 '

'と ''はどちらも非推奨で、あなたはhtmlとxhtmlの組み合わせを使用しています。 – Jrod

+0

これはあなたの出発場所です:http://stackoverflow.com/questions/585396/how-to-prevent-enter-keypress-to-submit-a-web-formそして次の入力に移動するだけで追加できます。 – Avitus

+0

あまりにも多くのユーザーが次のフィールドに移動する感覚を持っていませんが、名前を入力した後にEnterキーを押すと、フォームハンドラースクリプトが開始されます。送信ボタンがクリックされたときにのみスクリプトを実行します。 – user1207412

答えて

1

フォームをナビゲートするには、タブを押してください。この慣行は一般的な慣習であり、ユーザはに頼っていると混乱するかもしれないと思うのですが、代わりにと入力してください。あなたが本当にそうしたい場合はもちろん

、あなたは

1)例えば機能(jQueryのevent.preventDefaultを(使って)DOMをバブリングからフォーム送信のイベントを防止しなければならない。
2 )タブを押すためのイベントハンドラを設定します。
3)このイベントハンドラが呼び出されたときにフォームを移動する関数を記述します。

しかし、私は通常これをしません。私はを入力してと入力し、送信するフォームの拒否を持っていることは、インターフェイスデザインの面で直観的ではないと感じています。

関連する問題