自动选择输入字段

Question

So I have a Javascript form using a Date picker:

<input name="date" type="date" id="date"/>

I would like the input field to already be selected when the screen loads. Scenario: user on an iOS device loads this form, and the Date Picker automatically comes up, without them having to tap on the drop down element in the HTML.

Any ideas?

Thanks.

Answer 1

You need to use the focus() method, then you can set the focus on your input on body load, as follow:

<input class=".dtInput" name="date" type="date" id="date"/>

<script type="text/javascript">
    $('body').onload(function(){
        $('.dtInput').focus();
    }
</script

Use the jquery to easily get the elements of you page