Is there a way to force a text field in forms to capitalize the first letter of the text?

[jpurser]

I have a form with two text fields,(first name/last name).  I would like the forms to format those fields with the first letter entered as a capital.

[shirin · Accepted solution]

You can achieve this by using custom css. please look at below step.

1. Add custom CSS into Form Settings.
   1. Click on Settings button on form designer
   2. Expand Custom CSS
   3. add new style like this: .transformToCapital {text-transform: capitalize;}
   4. Click Save
2. Open Textbox control settings and expand Formatting
3. Add Control CSS class value >> transformToCapital
4. Publish form and it should work

Please let me know if it doesn't work.

Thanks,

Shirin

[#3]

@Shirin It's perfectly works.

I tried out the same

[#4]

Beautiful gif!

[jpurser]

Thank you for this solution.  Works great!!

[burkslm]

I thought the same thing!

[shaunlub]

Thank you very much. Very useful. I also used this method for transformToUppercase.

[bimi82]

I tried this for all letters to be capital but it still does turns only the first letter to capital.
Any advise?

[bimi82]

UPDATE:

.transformToCapital {text-transform: uppercase;}

[mr_wells]

This worked great for the form. My issue is it is not pushing all caps to the SP list. However when I view the form everything is in caps.

Any advice?