Lead Capture Tools

ccottam
Participant

I want form text fields INSIDE the box instead of above it.

SOLVE

Rather than having the text fields above each box in a form, i want the text field INSIDE the box.  When the user clicks on the box, is disapears and they can start typing. This is pretty common so i imagine there is a way to do it.

0 Upvotes
1 Accepted solution
Phil_Vallender
Solution
Most Valuable Member | Diamond Partner
Most Valuable Member | Diamond Partner

I want form text fields INSIDE the box instead of above it.

SOLVE

Hi @ccottam 

 

What you are looking for is placeholder text - edit your form, remove the label and replace it with placeholder text:

 

Forms_HubSpot (1).png

 

Be advised however, the CSS of your form can affect how this appears in production, and placeholders instead of labels may not work well for all form field types. 


Hope this helps.

Phil Vallender | HubSpot Website Agency

View solution in original post

2 Replies 2
Phil_Vallender
Solution
Most Valuable Member | Diamond Partner
Most Valuable Member | Diamond Partner

I want form text fields INSIDE the box instead of above it.

SOLVE

Hi @ccottam 

 

What you are looking for is placeholder text - edit your form, remove the label and replace it with placeholder text:

 

Forms_HubSpot (1).png

 

Be advised however, the CSS of your form can affect how this appears in production, and placeholders instead of labels may not work well for all form field types. 


Hope this helps.

Phil Vallender | HubSpot Website Agency
ccottam
Participant

I want form text fields INSIDE the box instead of above it.

SOLVE

Face to palm! That is so simple. THANK YOU!