WEB相談室

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

タイトル:テキストフォームにカーソルを当てる

0:[投稿] funk [2004/01/21 18:26 ][環境:win、NN7.1、IE6.0 IIS]

<input type="text" name="01"></input>
<input type="text" name="02"></input>
<input type="text" name="03"></input>
とあり、ページを開いたとき name="02" のテキストボックスに
カーソルを当てた状態にしたいのですが・・・
教えてください。お願いします。


1:[回答] 平野 敬 [MAIL] [URL] [2004/01/21 20:54 ]

JavaScriptを使うことになります。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

<html lang="ja" dir="ltr">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=shift_jis">
        <meta http-equiv="content-script-type" content="text/javascript">
        <title>テスト</title>
    </head>
    <body onLoad="document.forms[0].elements[1].focus()">
        <form action=".">
            <p><input type="text" name="01"></p>
            <p><input type="text" name="02"></p>
            <p><input type="text" name="03"></p>
        </form>
    </body>
</html>

なお,input要素は空要素ですので終了タグは不要です(HTML4の場合)。XHTMLの場合はまた話が異なりますが。
http://www.w3.org/TR/html401/interact/forms.html#h-17.4


2:[回答] andi [2004/01/22 00:05 ]

> <input type="text" name="02">

そう言えばnameの中身は半角英字で始める必要もありましたね。
また、document.forms[0].elements["02"].focus()でも実現できます。


3:[完了] funk [2004/01/22 09:13 ]

できました!
丁寧な回答ありがとうございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World