How to make HTML input fields text area so it is dictated by the size of its value

Question

I use a PHP variables as the value for the text input field, however the size of the value does not effect the size of the text field so the user has to scroll. As the PHP variable is data from an SQL tables, the value is not always the same and I therefore can not user HTML text area. The code is:

<input type="text" name="aboutme" value="<?php echo htmlspecialchars($aboutme); ?>" >

How can I make it so the text field gets bigger as the value gets bigger, resulting in there being no scrollbar.

Here is a [good article](http://alistapart.com/article/expanding-text-areas-made-elegant) on doing this. — Jay Blanchard, Dec 18 '14 at 19:56
possibly helpful http://stackoverflow.com/questions/995168/textarea-to-resize-based-on-content-length — CRABOLO, Dec 21 '14 at 14:38

score 0 · Answer 1 · answered Dec 18 '14 at 19:57

0

its usually a bad idea to use variable sizes on input, because they destroy your layout. back to your problem, set the size of your input to the length of your string with strlen

<input [...] size="<?= strlen($aboutme) ?>" />

answered Dec 18 '14 at 19:57

fruuf

81
1

How to make HTML input fields text area so it is dictated by the size of its value

1 Answers1