送信ボタンの上にリンクがあればtabindex=-1に | ランサーズ社長日記

いいね！ 1 ツイート B! はてブ 86 Pocket 8 入力フォーム間の移動はマウスで行いますか？tabで移動しますか？ 例えばtabでログインフォームを移動していて、IDとパスワードを入力して、送信ボタンを押そうとする時に、送信ボタンの上にリンクがあって、間違ってリンクを押してしまい、とてもストレスを感じたことはありませんか？ 年始に興味がわくような話題ではないかもしれませんが、ちょっとしたTIPSに。。 ライブドアさんを例に出して申し訳ないのですが、ライブドアさんのログイン画面には「ID・パスワードを忘れた方」というリンクがあります。 パスワードを入力した後にtabを押すと、このリンクにカーソルが当たります。フォーム間の移動をtabで行い、最終フォームに来ると「tab + Enter」が癖になっている人に取って、このリンクを間違って押してしまうことが結構あります。リンク後に戻って

[dreamily]

タブの順序を変更してリンクが効かないようにする方法。

[deeeki]

0だと認識されるんだろうか

[hellocreation]

tabindex="-1"

[lovecall]

いいこときいた！なんかすごくうれしい！！

[picnicgraphic]

「tabindexはタブ順序を明示的に指定するオプションですが、「-1」を指定すると、リンク機能は残したまま、フォーカスが移動しなくなります」を参考。

[Kuruma]

tabindexでリンクを飛ばすと音声環境などキーボード依存環境でそのリンクを踏めなくなる。最悪。そもそも最終フォームに来てからTab-Enterと進む人はフォームに入力直後にEnterを押す人より多いのだろうか、とか。

[koko1000ban]

細かい心遣い大事

[higeorange]

opera ユーザには関係のない話

[mako-28]

"tabindex="-1" "

[tarchan]

リンクの位置とタブ順が違うのも混乱の元じゃないの？

[hisasann]

submitボタンの周りのリンクにはtabindex="-1"を入れるとよい

[yuuten]

//こういう細かい技空きです。いろいろ纏めたの紹介してください

[hokuto_vii]

tabindex属性の誤った使用例。後で書く。多分書くと思う。書くんじゃないかな。ま、ちょっと覚悟はしないで。

[nanto_vi]

tabindex属性の誤った使用例。後で書く。多分書くと思う。書くんじゃないかな。ま、ちょっと覚悟はしないで。/ 書いた。http://nanto.asablo.jp/blog/2009/03/02/4148011

[pmakino]

それはそれでまずいのでは?＞「フォーカスが移動しなくなります」

[zetamatta]

リンクに tabindex=-1 を指定しておくと、tab キーでフォーカスが移動しなくなる

[yuanying]

Submit ボタンなんだからタブで移動しなくていいじゃん。

[seiunsky]

でもtabでフォーカスしなくなったらそれはそれで不便じゃないかなー

[poolmmjp]

リンクの位置が悪いのを解決しないままムリヤリ対処してる気が。だって入力欄とボタンの間に、忘れた人へのリンクがあるのってヘンじゃない？たとえばボタンの下とかじゃだめなのかな。

[paulownia]

tabindex=-1

[murky-satyr]

入力順にちゃんと tabindex を付けるのが面倒な人用

[tacroe]

tabindex=-1でフォーカスしなくなる

[kurobuchi]

これからフォームを作る時に実践する。

[kits]

「フォーカスが移動しなくなります」それはそれで不便のような。

[jintrick]

tabindexの再定義は基本NG / フォームコントロールの配置を変えればいいだろう

[nitoyon]

Tab+Enter で投稿する人を悩まさないために。/ mixi で日記書いたときにこれで消えてしまって悲しかった。

[lomo_lomo]

tabindex「-1」を指定するとリンク機能は残したままフォーカスが移動しなくなる