Quantcast
Channel: Leaves of Code » form
Browsing latest articles
Browse All 6 View Live

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 Article



Hide 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 Article

How 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 Article

two-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 Article

multi-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 Article


Autocomplete 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
Browsing latest articles
Browse All 6 View Live




Latest Images