リンクを入力フィールドに直接行うにはどうすればよいですか？

Question

htmlを使って（とjavascript =好きではないが好きですが）、私のページのリンクからボタンの近くのテキストボックスにジャンプしたいと思います。どうやってやるの？

Answer 1

要素のクリック時にテキストボックスに注目したいですか？あなたのテキストボックスを仮定

var d = document; 
d.getElementById("myLink").onclick = function() { 
    d.getElementById("myTextInput").focus(); 
}; 

が

Demo.

Answer 2

id属性を持っている、あなたのリンクは、ハッシュとそのIDを指し示すことができ、そしてonclickはそれを集中することができます：

<a href='#textboxid' onclick='document.getElementById("textboxid").focus();'>Click me</a> 

リンクがクリックされるとページはテキストボックスの位置に#textboxidハッシュでジャンプし、そのfocus()メソッドが呼び出されてフォーカスが移ります。 JavaScriptで

<a id="myLink" href="#myInput">Show me the textbox!</a> 

とワイヤー：あなたは、ハッシュURLにhref属性ポイントを作ることによって、あなたのリンクが自動的にそのテキストボックスにジャンプさせることができ

<input id="myInput" type="text" value="" /> 

：ように見える入力を考えると

Answer 3

（この例ではjQueryを使用して）リンクがクリックされたときにテキストボックスに注目します：

$(document).ready(function() { 
    $("#myLink").click(function(){ 
     $("#myInput").focus(); 
    }); 
}); 

Answer 4

<a href="#myinput">Input Link</a> 

<input type="text" value="Text Input" id="myinput" /> 

上記のコードを使用するHTMLでは、入力フィールドにジャンプすることしかできません。