Javascript 如何直接链接到输入字段?

Javascript 如何直接链接到输入字段?,javascript,html,Javascript,Html,使用html(可能还有javascript=,但我不喜欢),我想从一个页面中的链接跳转到按钮附近的文本框,重点关注该部分。我该怎么做 您想在单击元素时将焦点放在文本框上吗 var d = document; d.getElementById("myLink").onclick = function() { d.getElementById("myTextInput").focus(); }; 假设您的文本框有一个id属性,您的链接可以用散列指向它的id,而onclick可以聚焦它: &

使用html(可能还有javascript=,但我不喜欢),我想从一个页面中的链接跳转到按钮附近的文本框,重点关注该部分。我该怎么做

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

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

假设您的文本框有一个
id
属性,您的链接可以用散列指向它的id,而
onclick
可以聚焦它:

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


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

给定如下输入:

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


如果HTML使用上述代码,您将只能跳转到输入字段。

因此,我们从最好不使用javascript改为使用229KB的JavaScripts,考虑到实现这一点的方法并不缺乏,而且每个其他答案也使用javascript,我明确表示,jQuery不是必需的,我不太明白为什么我会得到-1。没有javascript,就没有可靠的方法“关注”输入。你的答案是我的答案+jquery函数。完全合法+1.是的,但是您可以不用jQuery轻松地完成它,当OP请求最少的脚本时,使用那么多的javascript来完成如此简单的任务是没有帮助的。
<a id="myLink" href="#myInput">Show me the textbox!</a>
$(document).ready(function() {
    $("#myLink").click(function(){
        $("#myInput").focus();
    });
});
<a href="#myinput">Input Link</a>

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