如何将链接直接指向输入字段？

Question

使用html（可能是javascript =但我不愿意），我想从我的一个页面中的链接跳到按钮附近的文本框，专注于该部分。我怎样才能做到这一点？

Answer 1

给出一个看起来像的输入：

<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 2

您想在点击元素时专注于文本框吗？

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

Demo.

Answer 3

假设您的文本框具有id属性，您的链接可以使用哈希指向其ID，onclick可以关注它：

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

单击链接后，页面将通过#textboxid哈希跳转到文本框的位置，并调用其focus()方法对其进行聚焦。

Answer 4

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

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

使用上述代码的HTML，您只能跳转到输入字段。