Click on to focus <input>

Question

I have a series of input elements each with a few <div> tags separate.
I like to have if where I can click on any of the <div> and it will focus on an input.
Is this possible and if so can anyone give ideas on script?

Answer 1

Try this with jquery:

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

Answer 2

1. USING HTML ("for") :

   HTML provides this functionality. Using "for" "id" you can easily achieve it.

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

2. USING jQuery ("focus")

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

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

Answer 3

Try this :

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

Answer 4

1. using javascript (call .focus() on the input element)
2. using wrapped around your div (makes only sense if the div is the label)

Answer 5

I don't see a reason why you need JS to do this when such feature is already provided in HTML.

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

Answer 6

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

LIVE DEMO