You know it: Forms are one of the most important part of a website. But forms also require a lot of work. Happilly, the excellent Javascript framework Mootools is here to help: Here's 10 scripts to enhance your forms, both visually and functionally.

1 – Calendar


Source: http://www.electricprism.com/aeron/calendar/

2 – Web 2.0 form


Download: http://www.stoutlabs.com/site/post/jazz_up_your_forms_with_mootools_pt_1/
Demo: http://www.stoutlabs.com/demos/formMagic_1.htm

3 – Resizable textarea


Source: http://ejectmedia.net/examples/moo_textareas/

4 – Ajax login form


Download: http://joeabiraad.com/ajax/ajax-login-form-php-javascript/89
Demo: http://joeabiraad.com/demos/ajax2/

5 – Mootools Form Validation


Source: http://www.phatfusion.net/validate/

6 – Custom checkboxes, radio buttons and select lists


Source: http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

7 – Multiple select


Source: http://www.wollzelle.com/os/multiple-select-widget/

8 – Form Validator


Download: http://zendold.lojcomm.com.br/fvalidator/
Demo: http://zendold.lojcomm.com.br/fvalidator/exampleA.asp

9 – iMask


Source: http://zendold.lojcomm.com.br/imask/

10 – Textboxlist meets autocompletion


Source: http://devthought.com/textboxlist-meets-autocompletion/

Related Posts

No related posts.
 

7 Comments

  1. Posted August 13, 2008 at 9:04 am | Permalink

    here some more links to usefull mootools scripts:

    http://mootools.startgigant.nl/

  2. Dan
    Posted August 26, 2008 at 7:33 am | Permalink

    This is not a MooTools application ;(

    6 – Custom checkboxes, radio buttons and select lists

  3. Posted August 26, 2008 at 8:35 am | Permalink

    @Dan: You’re right. Sorry for that mistake!

  4. Posted December 4, 2008 at 5:41 am | Permalink

    All of them great, the form validator is perfect for a plugin I want to make for my blog. Thanks!

  5. Posted December 22, 2008 at 10:44 pm | Permalink

    See also:

    http://www.clientcide.com/wiki/cnet-libraries/09-forms/

    Date pickers, form validators, text editors, etc.

  6. Posted December 9, 2009 at 6:46 pm | Permalink

    Cool list. I get some problem with “6 – Custom checkboxes, radio buttons and select lists” in IE6 but now it’s working.

    Thanks

  7. Posted January 11, 2010 at 12:02 pm | Permalink

    nice forms…thank you

10 Trackbacks

  1. By Web 2.0 Announcer on July 17, 2008 at 9:13 pm

    10 Mootools scripts for enhancing your html forms…

    [...]You know it: Forms are one of the most important part of a website. But forms also require a lot of work. Happilly, the excellent Javascript framework Mootools is here to help: Here’s 10 scripts to enhance your forms, both visually and functiona…

  2. By trainingo2.net on July 18, 2008 at 12:38 pm

    10 Mootools scripts for enhancing your html forms…

    You know it: Forms are one of the most important part of a website. But forms also require a lot of work. Happilly, the excellent Javascript framework Mootools is here to help: Here’s 10 scripts to enhance your forms, both visually and functionally….

  3. [...] 10 Mootools scripts for enhancing your html forms 12 hours agoI’ve used a couple in the past (well, used and/or tweaked)Flowgram | Facebook – Needle [...]

  4. By Web 2.0 Announcer on July 19, 2008 at 11:23 am

    10 Mootools scripts for enhancing your html forms…

    [...][...]…

  5. By links for 2008-07-20 | Funny Web Pages on July 20, 2008 at 2:37 am

    [...] 10 Mootools scripts for enhancing your html forms (tags: mootools javascript forms ajax css html programming form) [...]

  6. By Scripts de Mootools para formularios on July 21, 2008 at 6:19 pm

    [...] Desde catswhocode nos presentan una lista de 10 Scripts de MooTools para optimizar los formularios html,  encontraremos scripts de calendarios, validación, autocompletar entre otros. Enlace: 10 Mootools scripts for enhancing your html forms [...]

  7. [...] Enlace: 10 Mootools scripts for enhacing your html forms [...]

  8. [...] 10 Mootools scripts for enhancing your html forms (tags: mootools forms) [...]

  9. [...] Link: Cats Who Code [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe without commenting

  • Smashing Network
WordPress Appliance - Powered by TurnKey Linux