如何建立直接输入字段的链接？

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()方法将其聚焦。

Answer 3

由于看起来像一个输入：

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

你可以让你的链接自动跳转到该文本框通过将href属性指向一个哈希网址：

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

和线材在javascript （在这个例子中用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，您只能跳转到输入字段。