Inline form labels with jQuery

Version 3



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




    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: