Please tell me how you can increase the form (textarea) when you point at it with the cursor.

I have a field size of 680px and in this field there are 10 input forms horizontally, the size of each is 60px, which is very small, is it realistic to make the form increase when targeting it? And it was possible to enter the value, not nastyuya in such a small form.

    3 answers 3

    <textarea onfocus="this.style.height = '200px';" onblur="this.style.height = '60px';"></textarea>

    onfocus With focus, the current textarea will be 200px high;

    onblur If we put the focus in another textarea, the current textarea will be 60px high;

      I also advise you to tighten up the Russian language.

      cols - field width in characters.

      rows - Field height in rows.

      To help you have a JS well, or jQuery.

        It is possible without JS .

        Get involved in :hover or :focus events and write styles for them, for example:

         textarea { height: 60px; } textarea:hover { height: 200px; }