Auto-Focus on Form Fields

Forum|Forum|13 years ago
May 23, 2013
3 replies
1274 views

Is there a way to code my Marketo form/landing page such that the first form field in the form is clicked/in-focus? IE if the user were to just start typing once the form loads, the text would be entered into the input field of question 1 on the form.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

A

Anonymous

you can definitely do it with javascript - here's a bit of discussion around whether you should/should not do this.
http://ux.stackexchange.com/questions/5755/auto-focus-on-the-first-form-field-done-right

the answer in there probably won't work because you have to modify the body tag. but you can try using the jQuery solution documented here:
http://stackoverflow.com/questions/277544/how-to-set-the-focus-to-the-first-input-element-in-an-html-form-independent-from

this i believe you can throw into some script tags and use an html placeholder.

A

Anonymous

Either incorporate into the code of the landing page template or just drag in an HTML block and try this:

$(document).ready(function() {

$('form:first *:input[type!=hidden]:first').focus();

});

</script>

It'll automatically focus on the first field in your form.

Source: http://stackoverflow.com/questions/277544/how-to-set-the-focus-to-the-first-input-element-in-an-html-form-independent-from

A

Anonymous

Hey Ashley...great minds think alike. You beat me to it by seconds. Well played :)

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded