WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:タブINDEXとフォーカス

0:[投稿] 中村 [2003/12/23 19:03 ][環境:Windows2000 Windows2000]

お世話になっております。中村です。

標題の件ですが、

<input type="submit" name="search" value="検索" tabindex=1/>
<input type="text" name="key" value="" tabindex=2/>
<input type="submit" name="create" value="作成" tabindex=3/>
<input type="submit" name="delete" value="削除" tabindex=4/>

のようにTabIndexを指定しました。
[Tab]ボタンで上記の順番にフォーカスは遷移してくれるのですが、
一番最初にページを開いた時にフォーカスが[検索]ボタン(上記の場合)あたってくれません。

伝わったでしょうか?
テキストBoxが間に挟まってるのがいけないのでしょうか?
そんなことないですよね?

ページを開いた瞬間のフォーカスはブラウザのアドレスっぽいです。
よろしくお願いいたします。


1:[回答] 裸のガン [2003/12/23 19:19 ]

ひたしぶりにきました。。。
フォーム内に入ってないからなのでは?
つまり、
<form>〜</form>だけのだと、検索にデフォルトでカーソルがある。
aaaaa<br><form>〜</form>だと検索ボタンにフォーカスはいかないけど、
インプットボックスをクリックするとフォーカスが行く。。。
でも、間違えてエンター押されるよりはこのままのほうがいいのでは?


2:[回答] やちまた [2003/12/23 23:16 ]

onload でフォーカスを当てれば良いのでは?


3:[回答] &#149;平野 敬 [MAIL] [URL] [2003/12/24 01:22 ]

空要素の扱いを見る限りでは文書をXHTMLで記述なさっておられるようですが,XHTMLでは属性値の引用符が許されません。注意してください。

で,こんな感じですか。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="content-script-type" content="text/javascript" />
    <script type="text/javascript">
        function focusToForm(){
            document.forms[0].elements[0].focus();
        }
        window.onload = function(){ focusToForm() }
    </script>
    <title>テスト</title>
</head>

<body>

<form action=".">
    <p>
        <input type="submit" name="search" value="検索" tabindex="1" />
        <input type="text" name="key" value="" tabindex="2" />
        <input type="submit" name="create" value="作成" tabindex="3" />
        <input type="submit" name="delete" value="削除" tabindex="4" />
    </p>
</form>

</body>

</html>


4:[関連] &#149;平野 敬 [MAIL] [URL] [2003/12/24 01:30 ]

×XHTMLでは属性値の引用符が許されません。
○XHTMLでは属性値の引用符[の省略]が許されません。


5:[完了] Nakamura [2003/12/24 09:26 ]

おはようございます。
皆様、ありがとうございます。
onloadで試みます。
完了とさせていただきます。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World