ページロード時にTextBoxにフォーカスをセットする法

閲覧総計：20734　　（本日：2　　昨日：1)

　ASP.NETのプログラムで、ページロードした時、最初から入力用TextBoxにフォー
カスが移動しているととても便利である。
　ページロード時にTextBoxにフォーカスをセットする方法を確認した。　09/09/27

TextBox1.Focus()で実現する法 ↑

　09/09/26 aiueoさんからTextBox1.Foucus()を使って実現する方法の情報を頂いた
ので、その方法で行ってみた。aiueoさん、ありがとうございます。

開発環境：VWD2005+AJAX1.0+Toolkit + SQL Server2005
サーバ：ASP.NET2.0+AJAX1.0 + SQL Server2005

【稼動サンプル】
http://www.kuri6005.useiis7.net/4AspNet10/SetFocus/SetFocus.aspx

【SetFocus.aspx】

<%@ Page Language="VB" %>

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

<script runat="server">

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)
        TextBox1.Focus()
    End Sub
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>ページロード時にTextBoxにフォーカスをセットする法</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        ページロード時にTextBoxにフォーカスをセットする法 09/09/27<br />
        （TextBox1.Focus()で実現する法）<br />
        <br />
        【機能】ページロード時にTextBoxにフォーカスがセットされており、<br />
        すぐに入力作業に入れる。<br />
        名前：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
    
    </div>
    </form>
</body>
</html>

↑

JavaScriptで実現する法 ↑

↓参考にしたページ：「コントロールにフォーカスをセットするには？」04/05/21
http://www.atmarkit.co.jp/fdotnet/dotnettips/161setfocus/setfocus.html

開発環境：VWD2005+AJAX1.0+Toolkit + SQL Server2005
サーバ：ASP.NET2.0+AJAX1.0 + SQL Server2005

【稼動サンプル】
http://www.kuri6005.fscs.jp/20Normal/SetFocus/SetFocus01.aspx

【SetFocus01.aspx】

<%@ Page Language="VB" %>

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

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>ページロード時にTextBoxにフォーカスをセットする法</title>
    
    <script runat="server">
        Sub SetFocus(ByVal ctrl As Control)
            Dim script As String = _
              "<script language='JavaScript'>" _
              + "document.getElementById('" _
              + ctrl.ClientID _
              + "').focus(); <" + "/script>"
            RegisterStartupScript("setfocus", script)
        End Sub

        Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
            SetFocus(TextBox1)
        End Sub
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        ページロード時にTextBoxにフォーカスをセットする法 09/09/26<br />
        <br />
        【機能】ページロード時にTextBoxにフォーカスがセットされており、<br />
        すぐに入力作業に入れる。<br />
        名前：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
        <br />
    
    </div>
    </form>
</body>
</html>

【参考にしたページ】
1.コントロールにフォーカスをセットするには？　　04/05/21
http://www.atmarkit.co.jp/fdotnet/dotnettips/161setfocus/setfocus.html

【コメント】

TextBox1.Focus もお試しください。
http://msdn.microsoft.com/ja-jp/library/system.web.ui.control.focus(VS.80).aspx -- aiueo 2009-09-26 (土) 17:49:39

ページロード時にTextBoxにフォーカスをセットする法

今日の10件

最新の15件

TextBox1.Focus()で実現する法 ↑

JavaScriptで実現する法 ↑