Typo maybe? since maxlength is the attribute required.
The baked in browser behavior is just that. There is no attribute to deliver that behavior. It may be possible with custom code, but I would really ask why bother. Messing with form element behavior is always a serious usability concern/issue.
I put this on a text field in my projet, when I got to preview mode this works perfectly.
But when I go live on the site (safari and chrome) this doesnt work at all.
Looks like Webflow sets the maxlength of that element (Info element on checkout template) to 256. I don’t have a shop I can test a custom field against. Your custom parameter is not being displayed in the source. You should be able to set it via JavaScript custom code on your checkout page.
First remove this code as it is broken anyway → <script> <input id="maxlength" maxlength="10"> </script>
Trying this on the Checkout page of this site in the ‘info element’ – Webflow isn’t setting the 256 character limit automatically, and when I add the embed you suggest it isn’t changing anything.
Any chance you could take a look for where I’m going wrong? I am trying to set the character limit to 350 for a gift message.