Jump to content

Form labels inside fields

Recommended Posts

58 minutes ago, JennWalker said:

Is it possible to  have the labels inside of a contact form instead of below?

Can your share your site with the protected password and give some screenshot of what you desire to reach?

https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • 9 months later...
1 hour ago, afeder said:

Hi @tuanphan! I have this same question - have you answered it anywhere else?

Do you mean you want to include these elements above the form?

image.png.b82372ceb8506f6451a1586d9fce0188.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
On 9/17/2022 at 11:58 AM, afeder said:

No, I mean with the field label (ex. "First Name") inside of the input field rather than above it

 image.thumb.png.3a0007e288e7936ef1544e8de6ad0c04.png

Screen Shot 2022-09-16 at 9.54.13 PM.png

Yes. I answered this, don't remember the post. If you share link to page where you added the form, we can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
16 hours ago, afeder said:

Add to Contact Page Header

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {
$('.first-name input').attr('placeholder','First Name');
$('.last-name input').attr('placeholder','Last Name');
$('.email input').attr('placeholder','Email');
$('textarea').attr('placeholder','Message');
});
</script>

image.thumb.png.b7200aa20a7001991ff2dadf8152db31.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.