如何创建直接指向输入域的链接？

Question

使用html (可能还有javascript =，但我不希望)，我想从我的一个页面中的一个链接跳转到按钮附近的某个文本框中，重点放在那个部分。我该怎么做呢？

Answer 1

您想在单击某个元素时将焦点放在文本框上吗？

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

Answer 2

给定如下所示的输入：

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

您可以通过使href属性指向散列url来使链接自动跳转到该文本框：

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

并在javascript中连接(本例中为jQuery )，以便在单击链接时将焦点放在文本框上：

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

Answer 3

假设您的textbox具有id属性，您的链接可以使用散列指向其id，并且onclick可以将其作为焦点：

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

当单击该链接时，页面将通过#textboxid散列跳到文本框的位置，并调用其focus()方法使其成为焦点。