javascript - jQuery Autogrow and Autosize - They're not applying to my input -

javascript - jQuery Autogrow and Autosize - They're not applying to my input -

these 2 scripts i'm trying use. need 1 work, right can't either:

autogrow autosize

in head element, called scripts:

<script src="js/jquery.autosize.js"></script> <script src="js/autogrow.js"></script>

this element i'm dealing with. it's not alternative assign autoresize (below) data-integer-question, or id.

<form method="post" action="submit.php" class="questionformcss"> <input type="text" name="username" class="questioninputcss" data-integer-question="863"> </form>

at bottom of page, used jquery phone call them:

$(document).ready(function(){ $('.questioninputcss').autogrow(); });

i tried autosize instead of autogrow.

in neither case, form resize when text added. , autogrow, there's supposed icon @ bottom right of form lets resize manually - doesn't exist.

there no errors in console.

--

in autogrow's case, tried calling every script:

<script src="js/jquery.autosize.js"></script> <script src="js/autogrow.jquery.json"></script> <script src="js/autogrow.min"></script>

the above mentioned plugins work textarea auto increase. if want auto increment input fields go plugin: https://github.com/martinf/jquery.autosize.input

here working demo: fiddle

<input type="text" value="" placeholder="autosize" data-autosize-input='{ "space": 40 }' /> $(function() { $("input").autosizeinput(); });

javascript jquery html css