Нажмите <div>, чтобы сфокусироваться <input>

У меня есть серия элементов input, каждая из которых содержит несколько тегов <div>.
Мне нравится, если я могу click на любом из <div>, и он будет focus на input.
Возможно ли это, и если да, то кто-нибудь может дать идеи по script?

Ответ 1

Попробуйте это с помощью jquery:

$('#yourdiv').click(function() {
     $('#yourfield').focus();
});

Ответ 2

Я не вижу причины, по которой вам нужно JS сделать это, когда такая функция уже указана в HTML.

<label for="YOURID">The clickable region<label>
<input id="YOURID" type="text" />

Ответ 3

Попробуйте следующее:

<input id="myInput" />
<div onclick="document.getElementById('myInput').focus(); return false;"></div>

Ответ 4

$('div').click(function() {
    $(this).find('input[type="text"]').focus();
});

LIVE DEMO

Ответ 5

с помощью javascript (вызов .focus() для элемента ввода)
используя обертку вокруг вашего div (имеет смысл только в том случае, если div является меткой)

Ответ 6

ИСПОЛЬЗОВАНИЕ HTML ("для"):

HTML предоставляет эту функциональность. Используя "for" "id", вы легко можете достичь этого.

 <label for="idname">Click Here to Reach Input<label>
 <input id="idname" type="text">

ИСПОЛЬЗОВАНИЕ jQuery ("focus")

$(".classname").click(function(){

$("input").focus(); })