Top 13 Fresh HTML Form Reset Showcase
7 September 2012: I am aware of the fact that some people have been having issues installing/configuring jQuery Order Form Builder correctly. To address this, I have been working on an online version, called My Form App (previously Order Form Builder). jQuery Order Form Builder is a simple to use order form builder that takes care of all the behind the scenes stuff required to build an order form. All you have to do is configure the form in the visual editor, and click download, and you get a ZIP file with all the files you need for your form!
jQuery Order Form Builder has heaps of features, from email templating to custom validation. Every HTML form input is supported, as well as contact form jQuery Sliders & Numeric Spinners. jQuery Order Form Builder requires a web server with PHP 5 . Added validation options to jQuery reset all form fields
Added tab key functionality to allow to change between form fields using the keyboard
Added Send Customer Email option to Configure Settings -> Form
Added Reset to Defaults option to all Configuration Windows
Added Auto Redirect option to Configure Settings -> Form
Added custom variables to form inputs
Added Date Format to Configure Settings -> Form
2. Formoid
Formoid makes creating beautiful web forms a cinch and a joy. With a no-coding drag-n-drop GUI, trendy Flat, Metro, Bootstrap form themes, pure css styled, responsive, retina-ready form elements, as-you-type validation, anti-spam captcha - Formoid is a just incredible form tool!
Modern Metro, Flat, Bootstrap form themes with fancy color schemes.
Pure CSS radios, checkboxes, selects, file upload, date picker, tooltips, and even google captcha!
All form elements look brilliantly on high resolution displays and devices.
Fully optimized to work on desktops, mobiles, and tablets.
3. textAreaPro
A plugin jQuery slideshow that easily allow you to create dynamic textarea input fields that can highlight text of several patterns at once, catch and copy keywords and design the text are without manually adding CSS rules or HTML tags.
Comment with Images allows you to easily move the upload form, and the instructions with just a click of a button. You can also change the instructions, CSS, and html output without any manual editing. Fixed an issue where settings certain settings would be reset when the user updates the plugin.
Sleek-kit Clean and simple form contact wordpress
Sleek-kit Clean and textarea HTML form HTML & CSS.Its Bootstrap Grid form pack. Sleek kit is simple, clean and fresh modern form pack hat useful to agency, company , portfolio, etc.Sleek-kit psd include below form. Create Account form
Newsletter form
Request Quote Form
Raleway (Google web-form) (Download from) http://www.
Ajax Contact Form with Attachments and no spam control (drag and drop, reCaptcha, ayah)
The w2 Ajax Contact Form is a complete solution to create ajax contact form. You can easily create your own forms HTML templates and your own themes CSS.New HTML form template with HTML5 attribute placeholder.Adding the textarea HTML attributes enctype=”multipart/form-data” for HTML form element in examples.Automatic reloading of AYAH after form submission.You can add your own custom file field in your form.New method to create your own HTML template for the mail body message.code source form editor (included in download package).Easy to configure (html, css, javascript, php).Email message accepts HTML content (configurable).You can use multiple instance of form in the same page.//Initialisation of the form
resetForm: true, //Spcifie if reset form after submit (true / false)
reCaptchaId: 'recaptcha', //Specifie an unqiue ID for HTML element where reCaptcha will be integrated (just specifie the ID do not create the element in the form)
showBtnSend: false, //Specifie if the btn send is visible when loading form when No Spam Control is activate (true / false)
//if you need to redefine some parameters (example: if you have several contact form in your web site)
If you don't specifie email sender the email used to send the mail will be the user mail (who submit the form)
//Specifies the PHP contact form required fields for the form validation. //Specifies the subject of the email if you don't use subject field in your form
//Specifies the fields need HTML encodage (example: textarea)
//Specifies if HTML tags is accepted in the email message (for the HTML textarea form element)
//Specifies if the online HTML form builder is encoded in utf_8
//Specifies the minimum and the maximum time between submission of the form (in seconds)
//Specifies if you want to use recaptcha for form validation HTML
//Specifies if you want to use AYAH for simple jQuery validation form
html
VIEW A DEMO FORM : http://www. reformed forms are styled using the jQuery UI gallery Themeroller tool (and the wonderful Uniform jQuery plugin for some form elements), so fine-tuning the look and feel of your form is a snap. Client-side validation is also built in, using the jQuery validation rules library, and can be easily applied to any form element via a point-and-click interface. reformed provides an intuitive and beautiful Form Builder, which lets you add, configure, and add validation to form elements to your form in just a few clicks. Several time-saving “helper” form controls are also available, such as a pop-up datepicker, state and country select dropdowns, and a simple human verification form element that provides a simpler and less obnoxious (i.e, captcha-free) means of preventing form abuse. An advanced “edit” mode is also provided that will allow you to drag-and-drop form elements to rearrange their order (or even delete them) without touching the code. If you do need to make some changes to the HTML , this is also easy to do with a single button click. A jQuery slider simple processor script is included with reformed that will e-mail form results to your desired e-mail address, but reformed forms are compatible with any form processing script. reformed is written in HTML , Javascript, and CSS , so it will run right in your browser.Fixed crash when multiple validation options were added to multiple form fields
Fixed bug where reset buttons were always added to saved forms (thanks for the catch, silverskymedia).Corrected help file (contained incomplete instructions on adding validation to your form; please see the link included at the top of this description for updated instructions if you haven’t downloaded the latest version).Fixed a minor issue where unnecessary classes were sometimes not stripped from generated form code.
Contact, Feedback and Questionnaire form in animated tabs
Contact form Basic
Contact form Simple
Feedback form Basic
Feedback form Simple
Questionnaire form Basic
Bonus: Questionnaire form Extended in animated tabs
Login, Register & Reset form in animated tabs
Account Reset form
CSS3 and HTML powered
- Added new forms: Contact, Feedback and Questionnaire form
- Added Login & Registration form in tabs with Popup mode
- removed the reset styles from css/style.Can also be inserted using Javascript in static HTML pages – clean code
A ajax contact form with validation inside a JavaScript slideshow examples marker info window. If only on location is on the map, the info window with the ajax contact form opens when the map is loaded.Added a css reset to prevent google maps controlls to break in rare conditions.form.form.* It's now possible to link to a stop marker from html. Mapped contact form pro php
Mapped contact form pro WordPress
Ajax Contact Form with Attachments and no spam control (drag and drop, reCaptcha, ayah) for Wordpress
The w2 Ajax Contact Form for Wordpress is a complete solution to create ajax contact form in Wordpress. You can easily create (Full HTML edition) your own forms HTML templates (add or remove fields) and your own themes CSS.The plugin include features to solve theme conflict (Global Settings section), so if there is a theme conflict and you want to buy the plugin you can contact the technical support (send the url of the page where the form is displaying) to know the right configuration of the Global Settings section to solve theme conflict.Possibility to specify different translation file for each form (usefull to use several auto-reponder message).New HTML form template with HTML5 attribute placeholder. In automatic mode the form will use the language of your wordpress.Possibility to update the contact form jQuery plugin translation text for “en” and “en_US” language in the file “js/w2_contact_form/localization/message_en.New system to reset the plugin database. Make it by clicking the butoon “Reset plugin database” not by un-activating plugin. This system prevents unwanted form data loss when user un-active the plugin. Example you can apply a fade out to the form after success submission.Automatic reloading of AYAH after form submission.Possibility to use PHP code in HTML source code editor when you integrate the form via PHP hard code (feature only available for PHP hard code integration).Possibility to create mail subject template by including existing form fields value.9 you need to un-active and re-active the plugin to reset the plugin database. Make a copy of your HTML forms source code if you need to keep them.New feature to integrate a form by using PHP hard code (directly in your theme files).7 you need to change the HTML class selector class=”shadow” to class=”w2_shadow” for each element of your forms.You can add your own custom file field in your form.Fix bug for fields setting configuration when the form have 0 required field.New feature to include several form in the same page.New feature to auto-configure the fields settings section by checking the HTML elements of the form with jquery.New method to create your own HTML template for the mail body message.New selection page feature to display the form in different type of page (page, post, portfolio, products).Multi-selection page feature (to display the same form in several pages).You can create your own HTML template files and automatically add them to your lists of template in the form editor.You can create your own CSS theme and automatically add them to your lists of Theme in the form editor.Email message accepts HTML content (configurable).
12. Sky Forms Pro
Sky Forms Pro is a set of beautiful form elements with large amount of javascript features: validation, masking, modals, ajax submit, datepickers.Modern ElementsIncludes progressive form elements: input with autocomplete, toggles and ratings.Ajax PoweredAllows you to easily and unobtrusively upgrade HTML forms to use AJAX instead of regular sumbit.Modal FormsYou don’t have enough space for the form? It’s not a problem! Use any form in modal window.6 designed statesEach form element has 6 states: normal, hover, focus, error, success and disabled. Semantic HTML markup and standards compliant CSS.Lifetime SupportTo get support please send me an email through the contact form generator on my profile page.jQuery Form Plugin by The jQuery Foundation
After you have finished basic installation, customizing the three pages (request reset, reset password and reset invalid) to match the design of your website may take awhile.a forgot password link just below your user login form. A password reset email
is sent to the user’s email address to reset the password.after you enter the username/ email to reset password a clickable green button appear.Once you click on it you can reset your password.Completely customizable Password Reset Email.Supports both (HTML and Text) Messages.All old password reset codes are removed from database for security purposes.After one use a password reset code expires and any further access to the page takes you to Reset link expired page.At any point of time there is only one reset code per password as the system cleans up old information that is not needed.html. If you have any questions or queries please send us a message through the jQuery contact form at Author Profile Page
jStyle Lite is a lightweight form styling tool built on the jQuery framework. In addition, it requires absolutely no extra HTML markup!
Since the advent of CSS , styling web forms has not only been a hassle, but for some form elements, styling was simply impossible. jStyle Lite dynamically replaces form elements with other HTML that is easy to style with CSS , while at the same time maintaining the functionality of the web form. Buttons (<input type=”submit” />, <input type=”reset” />, <input type=”button” />, <button/>)