1

私はまだこのタイトルを言い換える方法を考えようとしています。

とにかく、私はここの私のページにこのお問い合わせフォームを持っています:http: //leongaban.com/

名前をクリックして入力すると、タブで次のフィールドの電子メールに移動できます。電子メールを入力した後、ユーザーがメッセージボックスに再度タブで移動するのは自然なことです。

ただし、何らかの理由で、タブの選択がページの一番上までジャンプし、ポートフォリオのメインナビゲーションリンクを選択しているように見えます。さらにいくつかのタブがあり、メッセージテキストエリアに戻ります。

もちろん、これはまったく理想的ではありませんが、タブの選択を強制的に正しい順序にする方法はありますか?つまり、名前>メール>メッセージ>キャプチャ>送信

私の現在のフォーム(HTML)

<div class="the-form">
            <form id="myForm" action="#" method="post">

            <div>
                <label for="name">Your Name</label>
                <input type="text" name="name" id="name" value="" tabindex="1">
            </div>

            <div>
                <label for="email">Your Email</label>
                <input type="text" name="email" id="email" value="" tabindex="1">
            </div>

            <div>
                <label for="textarea">Message:</label>
            </div>

            <div>
                <textarea cols="40" rows="8" name="message" id="message"></textarea>
            </div>

            <p><em>Hi, what is 2 + 3?</em></p>
            <input type="text" name="captcha" id="captcha" />

            <div>
                <input class="submit-button" type="submit" value="Submit">
            </div>

            </form>
        </div>

    </footer>
4

2 に答える 2

6

あなたはtabindex彼らが行きたい順番にあなたの番号を付けなければなりません。

<input type="text" name="name" id="name" value="" tabindex="1">
<input type="text" name="email" id="email" value="" tabindex="2">
<textarea cols="40" rows="8" name="message" id="message" tabindex="3"></textarea>
<input type="text" name="captcha" id="captcha" tabindex="4"/>
<input class="submit-button" type="submit" value="Submit" tabindex="5">

現在、2つのtabindexesが1に設定されているので、タブインデックスが定義されているのは2つだけなので、最初に移動します。

于 2013-03-01T19:25:38.170 に答える
1

tabindex入力フィールドにプロパティを利用してみてください。これにより、ユーザーがページ要素をタブで移動できる順序を制御できます。

このためのサンプルコードはここtabindexにありますが、名前と電子メール入力にすでにを設定しています。そのプロパティを残りの入力に追加し、希望する順序で設定するだけです。

于 2013-03-01T19:24:37.227 に答える