We found ton of new style search form crafted beautifully using CSS3 and JavaScript. Apple’s for example, widen the input field when it receive focus from user. The question is “how far we can go for styling search form?”, in this tutorial we are going to move search form to the next level using jQuery & CSS3.
Best jQuery Forms Plugins & Tutorials with Demo
jQuery File Upload
File Upload widget with multiple file selection, drag&drop support, progress bar and preview images for jQuery.Supports cross-domain, chunked and resumable file uploads.
Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.
Ajax AutoComplete for jQuery
Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields.
Built with focus on performance – results for every query are cached and pulled from local cache for the same repeating query. If there are no results for particular query it stops sending requests to the server for other queries with the same root.
Jeditable – Edit In Place Plugin For jQuery
Hi! My name is Jeditable and I am inplace editor plugin for jQuery. With few lines of JavaScript code I allow you to click and edit the content of different html elements. I am based on Dylan Verheul’s editable.Normal flow is this. User clicks text on web page. Block of text becomes a form. User edits contents and presses submit button. New text is sent to webserver and saved. Form becomes normal text again.
Javascript Turn HTML Tables Into Advanced Editable Components : EditableGrid
EditableGrid is an open source Javascript library aimed at turning HTML tables into advanced editable components. It focuses on simplicity: only a few lines of code are required to get your first table up and running.
You can use the EditableGrid library in two ways:
- Hook up to an existing HTML table
- Build your grid from an XML description of the table structure and contents
jQuery tag input and autocomplete plugin : TextExt
TextExt is a plugin for jQuery which is designed to provide functionality such as tag input and autocomplete.TextExt’s modular design allows you easily turn a standard HTML text input into a wide range of modern, tailored to your needs input field without bloating your source code and slowing down your site with the code that you aren’t using.
A wide number of plugins are available including Tags, Autocomplete, Filter, Ajax as well as a few which are purely aesthetic like Focus.
jQuery Spinner Control
jQuery Spinner Control Converts the text input to a spinner control. This plugin works fine with ASP.net for the post backs.
Important Features
- Spin a number range:
Provide a range of numbers with an interval to spin these values. - Spin a text list:
Provide a list of comma separated values to spin these values. - Looping Spinner:
once you reach to the end, it can automatically start over again and vice verse.
jQuery Stylish Select
A cross-browser, accessible alternative to the standard form element which can be fully customised with CSS.Stylish Select attempts to replicate the functionality of the browser default select box as closely as possible with support for keyboard navigation, and intelligent positioning.
jQuery Stylish Select aims to have a minimal code footprint and weighs in at just over 3KB when minified.
