如何通过点击标签将光标移动到输入文本框中？

Question

如何通过点击标签将光标位置移动到输入文本框中？

- Nasir

Answer 1

使用for属性。 不需要任何JavaScript。

<label for="name">Name</label><input type="text" id="name" name="name" />

浏览器将自己完成所有的魔法。

- Yi Jiang

---

<label>姓名 <input type="text" name="name" /></label> 这样也可以 :) - Anpher

嗨Anpher，这就是当前的标记结构，尽管它不起作用...我已经将一个标签包装在输入文本字段周围。我希望当我点击标签时，光标可以跳转到输入文本字段。 - Nasir

FYI：IE6不支持没有“for”的版本。而“for”属性是指“input”的“id”，而不是它的“name”。 - RoToRa

Answer 2

不知道为什么Yi Jiang的答案不起作用，但如果您更喜欢用jQuery来做这件事，那么这很容易。

$('#myLabel').click(function() {
    $('#myTextBox').focus();
});

- fearofawhackplanet