如何建立直接輸入字段的鏈接？

使用html（也可能是javascript =但我不想），我想從我的一個頁面中的鏈接跳轉到靠近按鈕的某個文本框，重點放在該部分。我怎樣才能做到這一點？如何建立直接輸入字段的鏈接？

2012-01-15 Yuval

你想專注於點擊一個元素的文本框？

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

2012-01-15 19:24:03 karim79

假設你的文本有id屬性，你的鏈接可以指向其ID與哈希和onclick可以關注它：

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

當點擊該鏈接，頁面將通過#textboxid散列跳轉到文本框的位置，並調用其focus()方法將其聚焦。

2012-01-15 19:24:23

由於看起來像一個輸入：

<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(); 
    }); 
});

2012-01-15 19:26:52 doogle

因此，我們從最好沒有使用javascript的所有使用229 KB的javascript – Esailija 2012-01-15 19:30:52

考慮到不缺少方法來實現這一點，並且其他所有答案也使用JavaScript，並且我明確表示jQuery不是必需的，我不太明白爲什麼我得到-1。沒有可靠的方法來「關注」沒有javascript的輸入。 – doogle 2012-01-15 19:36:47

你是我的答案+ jQuery的功能。完全合法。 +1！ – 2012-01-15 19:38:56

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

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

使用上述代碼的HTML，您只能跳轉到輸入字段。

2012-01-15 19:29:25

回答