Resize HTML Forms In Firefox

Martin Brinkmann
Aug 24, 2008
Updated • Oct 9, 2017
Firefox, Firefox add-ons

Some web developers like to squeeze small HTML forms on websites which are uncomfortable to use for the visitors of the site due to the size they are presented in.

Imagine a comment form that displays three lines that each can take only a few words. It's problematic to write a comment of a hundred words or so in such a box and nearly impossible to proofread it once you are done. While you can write the comment elsewhere and paste it into the form once you are done, that is not too comfortable either.

Text Area Resizer And Mover comes to the rescue; At least for Firefox users. The Firefox extension lets you resize virtually any HTML form that you encounter on the Internet. To top it all off, this is done in an uncomplicated manner and well integrated into the browser

Once a HTML form has been located that you want to resize you simply press the right-mouse button after moving the mouse into the form. The mouse pointer changes to a resize symbol so that you can resize the HTML by moving the mouse around.

The default HTML form on Ghacks for commenting on an article:

The altered HTML form on Ghacks after using the extension to resize it

It is possible to make it smaller or bigger although most users will probably stick with the latter. Text Area HTML forms are those that tend to span across multiple rows. The extension cannot be used to increase the size of the Google Search form but as you can see in the images above it is possible to change comment forms and the like easily.

The forms only expand to the right and bottom of the screen but never to the left or upwards so move the mouse in those directions if you want to increase the size of a form.

Update: The Firefox add-on has been discontinued. You can use the following bookmarklet instead.

Update 2: Some browsers, Mozilla Firefox or Google Chrome, support the feature out of the box. You find a small drag icon in the lower right corner of text fields in the browser, and may drag it to change the size of the field.

Resize HTML Forms In Firefox
Article Name
Resize HTML Forms In Firefox
Find out how to resize any text form that you encounter on the Internet in the Firefox browser using an easy to learn method.
Ghacks Technology News

Tutorials & Tips

Previous Post: «
Next Post: «


  1. Dotan Cohen said on August 25, 2008 at 6:21 pm

    It does not resize the form, but rather the textarea elements. Here are some Javascript booklets that are similar:




  2. Roman ShaRP said on August 25, 2008 at 1:29 pm

    Not a big deal, but nice implementation :)

  3. Dante said on August 24, 2008 at 9:17 pm

    Whenever I encounter such websites where the webmaster only tested their form boxes in 640×480 format, I automatically assume that I’m not part the demographics that they want, and not bother with them. I’m assuming they don’t want anybody with money to spend on bigger monitors and larger text. So when the text box comes up and overshadows the words in the article and it’s impossible to read or fill out because the “submit” button is off the screen of the box, I just assume they want poor, penniless nobodies as their audience group.

    While this add-on is nice. I don’t see the need to do business with people who obviously doesn’t have anything I want.

  4. Crazyfox said on August 24, 2008 at 6:40 pm

    For greasemonkey: textarea drag resize.

  5. Martin said on August 24, 2008 at 5:37 pm

    link added, sorry for that.

  6. Keshav said on August 24, 2008 at 5:28 pm

    Good post! Seems like you were so excited when writing this post that you forgot to include the link to the addon :D

Leave a Reply

Check the box to consent to your data being stored in line with the guidelines set out in our privacy policy

We love comments and welcome thoughtful and civilized discussion. Rudeness and personal attacks will not be tolerated. Please stay on-topic.
Please note that your comment may not appear immediately after you post it.