Inline form labels with jQuery

Version 3

    Issue:

     

    You want to make the label of the form appear inside the input field.

     

    Solution:

     

    Use the below code in a custom html block on a landing page with a form:

     

    • remove the current labels in the form editor
    • place the complete code (attached) in a custom html block on the page with the form
    • View the live page to the see the changes


    This code uses the field "id" you could use "name" instead.

     

    This does not work for "select" fields

    Note: Please ensure that you have access to an experienced JavaScript developer.  Marketo Technical Support is not set up to assist with troubleshooting JavaScript.
    Please refer to the example and source:

     

    http://trevordavis.net/play/jquery-inline-form-labels/