最初のフィールドをカーソルでフォームに埋め込む

私は一連のフォームを設計しています。ブラウザのカーソルが表示されるフィールドにマークを付ける方法はありますか（このページには、上記のタイトルフィールドに既にカーソルがあります）。最初のフィールドをカーソルでフォームに埋め込む

おかげジャイルズ

2010-11-27 giles

はJavaScriptでこのようなfocus()機能を使用してください。ただ</body>タグの前に、あなたのHTMLコードの最後にこのコードを入れてください：

<script language="javascript" type="text/javascript"> 

document.getElementById("textboxid").focus(); 

</script>

はあなたのフォームで使用している<input>テキストボックスのIDでtextboxidを交換してください。、HTML5をサポートしているブラウザのため、あなたがすることができるHTML5ページで

出典

2010-11-27 15:55:46 shamittomar

このコードは、テキストボックスの後に*書き込まれていることを確認してください。コース。 – RedFilter

この問題は、javascript関数でページを混乱させることです（これはJavaScriptで唯一のことではありません）。そして、テキストフィールドにオートフォーカスするすべてのページで関数を書き直す必要があります。以下に説明するように別々のファイルに関数を持たせるのがずっと良いです – andrew

入力いただきありがとうございます。私はそれを感謝します – giles

：

<input name="lorem" autofocus>

バニラJavascriptを：

<input id="lorem" name="lorem"> 
... 
<script language="javascript" type="text/javascript"> 
    document.getElementById("lorem").focus(); 
</script> 
</body> 
</html>

のjQuery：

jQuery(document).ready(function($){ 
    $('#email').focus(); 
});

出典

2010-11-27 16:01:10 lbz

あなたは設定するためにJavascriptを使用することができます希望の入力フォーカス：

jQueryのようなJavaScriptのライブラリを使用して

<script language="javascript" type="text/javascript"> 
    document.getElementById("xtpo_1").focus(); 
</script>

：JavaScriptを使用し

あなたはどこにでもjQueryのスタイルとペーストjsのコードでそれを行うことができます。また

<script language="javascript" type="text/javascript"> $(document).ready(function() { $("#xtpo_1").focus(); }); </script>

出典

2010-11-27 16:04:56 Zuul

：

HTML ：

<input type="text" id="name"><br /> 
<input type="text" id="email">

Javascriptを：

jQuery(document).ready(function($){ 
    $('#email').focus(); 
});

それをオンラインで確認してください：さらに良いhttp://www.jsfiddle.net/4d5JG/

出典

2010-11-27 16:07:38

私はついにjQueryを使いました。 Vの単純な例です。多くの感謝のすべて – giles

私は何かを広告したいとは思わないが、初心者のための絶対的な明白な本がある：_jQuery：Ninja_への初心者：http://www.sitepoint.com/books/jquery1/ –

またここには良い練習がある他のStackoverflowedの人々がそれが解決された問題を見ることができるようにソリューションをチェックしてください。 –

を、

function autoFocus(x){ 

document.getElementById(x).focus(); 

}

関数を記述し、basic_functions.jsか何かと呼ばれる別のJavaScriptファイルにそれを置きます。あなたの体のタグでは、この

<script type="text/javascript" src="basic_functions.js"></script>

のようなヘッダーで、ページの上部にあるファイル

ロードは、関数のonloadを呼び出します。

<input type='text' value='' name='first_name' id='first_name' />

その方法は、あなたがあなたのページのうちのjavascript機能を維持し、あなたが他のページに機能を再利用することができます

<body onload="focus('first_name')" >

は、次にあなたの入力を作成します。そのファイルの中にこのような他の基本的な機能を入れて、それが必要なすべてのページにインクルードすることができます

出典

2010-11-27 16:23:27 andrew

誰かが入力タグ内で関数 'onload'を実行する方法を知っていますか？ – andrew

最初のフィールドをカーソルでフォームに埋め込む

答えて

関連する問題