Break up a long form and show only one section at a time
Got a long form for users to fill out and want to make it a bit less intimidating? Here’s a quick jQuery function that will look for individual fieldset elements in your form and show them one at a...
View ArticleHide and show options in a select dropdown
Problem: You want to hide and show certain <option>s in a <select> form element, but you can’t apply ‘display: none’ CSS to them because they’re the wrong kind of DOM element. Toggling the...
View ArticleHow to AJAXify any POSTed web form
Probably not too practical in real life, but I wanted to see just how easy it could be to implement this. If you want a lazy way to automatically convert any normal HTML POST form (send email, submit...
View Articletwo-column form labels and inputs
The usual technique to maintain a two-column form (labels on the left, inputs on the right) is to put the input after the label, fix the width of both elements, and float them to the left. This works...
View Articlemulti-select with checkboxes
If you have a very long list of options, neither <select multiple> nor <input type=”checkbox”> is quite ideal. This combines the two using jQuery. When an option is selected, a checkbox...
View ArticleAutocomplete forms
The easier it is to fill out forms automatically, the more likely you are to get users to submit them. But nobody likes filling out forms, and autocomplete is getting smarter and smarter — but in my...
View Article
More Pages to Explore .....