Support

Account

Home Forums Front-end Issues Using field name as placeholder

Solved

Using field name as placeholder

  • Hi,

    I have started using acf_form() and am very happy with the results however I would like to use the field name as a placeholder rather than have it appear above the field. What would be the best method to do this?

    Many thanks.

  • There are differences between a field label and a placeholder. A placeholder as in HTML’s placeholder attribute must not replace a <label> element, because this is necessary for accessibility. The placeholder attribute should only contain explanatory text that helps convey the intended content of the field. What you can do is use CSS (and possibly JavaScript) to make the label look like a placeholder (as demonstrated on https://material.io/components/text-fields). Alternatively (although not recommended), you can hide the label by positioning it outside the viewport using CSS and add the label text to the placeholder attribute with the 'form_attributes' => array() parameter as described in the documentation.

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Using field name as placeholder’ is closed to new replies.