Category: Forms
  • Sort by:
  • Latest
  • Most Hot
  • Popular
  • Random
iOS7-Like Switches With JavaScript – Switchery

iOS7-Like Switches With JavaScript – Switchery

iOS7 has slick, flat and circular switches that are used for select box-like elements that has two options. Switchery is a JavaScript library, that doesn't require any JS  frameworks, that can convert select boxes into such interfaces. The style of the switches can be customized easily, they support the ...

READ MORE +
jQuery-Powered Form-Building Library: Alpaca

jQuery-Powered Form-Building Library: Alpaca

Creating the design and functionality of a form with HTML is the most standard way. Alpaca, a form-creation-library that is built with jQuery, aims to change that by separating the data and presentation. It transforms a pre-formatted JSON schema into a fully-functional form which can be styled easily with CSS. ...

READ MORE +
A JavaScript/CSS Framework For Easier Data Entry: Grid Forms

A JavaScript/CSS Framework For Easier Data Entry: Grid Forms

Grid Forms is a JavaScript-CSS framework that aims to ease data entry. It allows us to create printed-like forms that are perfectly placed on a grid and occupy less space. The framework comes with ready-to-use styles and they can also be customized with Sass. Created forms are responsive and use a simple ...

READ MORE +
FormBuilder.js – An Interface For Creating Form Builders

FormBuilder.js – An Interface For Creating Form Builders

You'll remember ioDeck, the self-hosted form builder application for creating forms and handling the responses with almost zero effort. FormBuilder.js is a client-side (HTML-CSS-JavaScript) resource for creating such form builders. It provides the interface that supports inserting input types and re-ordering ...

READ MORE +
Custom Checkboxes Without JavaScript – CSS Checkbox

Custom Checkboxes Without JavaScript – CSS Checkbox

CSS Checkbox is a website which provides styles for customizing checkboxes (without any JavaScript). There are styles which only have different colors compared to standard checkboxes and more customized ones which uses images too. Also, it is possible to find styles that mimic the usage in well-know websites ...

READ MORE +
Progression.js – Real-Time Hints & Progress Feedback For Forms

Progression.js – Real-Time Hints & Progress Feedback For Forms

Web users are experienced in filling standard forms like contact or comment forms. For non-standard forms, it is always a good idea to inform users about the data expected. Progression.js is a jQuery plugin that shows tips about an active form field and also displays the progress (how much of the form is ...

READ MORE +
Fantastic Range Slider For jQuery – noUiSlider

Fantastic Range Slider For jQuery – noUiSlider

Lately, I was in a search for a jQuery range slider, jQuery UI's slider widget was the first that I thought of. It had all the features I needed: working as a single or range slider, default values and man/maxvalues. However, the smallest download size for it was still ~40kb. Too much for a slider. Tried many ...

READ MORE +
A Website To See All Native Form Elements In One Place

A Website To See All Native Form Elements In One Place

HTML form elements look and behave slightly (or sometimes more) different in each browser. In order to find out the differences and test them easily, there is a website: Native Form Elements. The website does a simple thing, it lists all the form elements (including HTML5 elements) and their disabled states. ...

READ MORE +
Attractive Input Fields With CSS3 – Fancy Input

Attractive Input Fields With CSS3 – Fancy Input

CSS3 provides us lots of styling options to create good-looking form elements. Fancy Input, a jQuery plugin, doesn't focus on the styling part but makes the fields attractive (and fun-to-use) by adding CSS3-powered effects. The plugin hides the input field, places a span element containing the character ...

READ MORE +
Search