I am trying to make a natural language form input field be dynamic to the width of the content entered. The tutorial on Webflow asks you to set a width for the field, but this does not work if the user has a long name. I want the width of the form field to be depending on the content entered. How c…

Natural Language Form ( preview ) This is what I used based on this answer <script> $('.w-input').on('keypress keyup', function() { this.style.width = this.value.length + 2 + "ch"; }); </script> Also, feel free to contact me for further code help and/or customization of third-party plugins

Natural Language Form (form field size based on value length)

Design help Custom code

laurenwebflow (lauren bradley) January 7, 2018, 11:03pm 9

Awesome, thanks! Do I need to edit the code block at all or do I just copy and paste in the footer code area?

Topic		Replies	Views
Make Text Input Field expand with text Layout & Design	2	366	February 17, 2025
Auto-expanding form text area? General	12	4704	April 6, 2016
Dynamically insert form data on a page Custom code	6	3515	December 7, 2017
Javascript Sliders Let Users Manipulate Input Fields Custom code	5	1646	January 11, 2021
Auto Expand Text Area General	4	1636	February 14, 2025

Natural Language Form (form field size based on value length)

Related topics