8 Creative And Beautiful HTML Form Option Compilation

1. jQuery Content Scroller DZS

featured image

It can be a checkbox HTML form scroller, a banner rotator or even a simple image gallery HTML5 due to the fact that it support inline content and it includes two viewing modes.webmaster / SEO friendly – built with search engine optimization on mind from the ground up, the Testimonial Rotator uses non hidden valid html markup to build the widget

added needs-loading option for items that need the first image loaded before showing the slide ( can cause height calculation issues if not set for big images )

net/support/ this is the fastest form of support

More Details

2. Form Builder

Form Builder

Form Builder is an extraordinary form-creating software! Designing web-based forms has never been easier and fun as it is with Form Builder. It features an easy drag-n-drop GUI, no-coding, stylish Flat, Metro, Bootstrap and Solid form themes, pure CSS style form aspects, as-you-type text validation, and anti-spam capture mechanism.

More Details

3. jQuery Contact Tabs

featured image

A jQuery contact form generator for creating unlimited slide-out or static contact tabs containing AJAX powered customised forms. Plugin includes 12 different form elements and client-side validation. Add multiple tabs, each with its own custom form or use the built-in default standard contact form. All form HTML and styling generated by the plugin.Available Form Elements

URL field for including URL of page where form was submitted

Create custom forms with 12 different form elements

Submit form via AJAX

Includes validation options for form input type button

Option to load open for slide out tabs.Default contact form very easy to use – just add a single div tag to your web page & initialize the plugin!

Multiple examples including configurable demo and form samples.

More Details

4. DZS jQuery Mini Events Calendar

featured image

html supported – inline content is no problem for this plugin

new – option to be responsive

added markup option for events – instead of data-date=”2-10-2013” you can now use data-day=”10” data-month=”2” data-year=”2013”

I would like to ask, that is there an (easy) option to display my own data in the calendar?

Can you explain your data ? You can place events on any day, and can have any html there ( videos, youtube embeds, headings, anything ) .This is the correct form 1-8-2013 ( not 01-08-2013 )

More Details

5. Platinum3D Content Animator - Standalone Version

featured image

The revolution has been arrived, you can now turn your website HTML elements to 3D.This can be useful with a book-styled effect, because you can open the “book” with this option.Currently supported HTML elements are:

turn HTML elements to 3D

you can set background color, font color, font size, any custom HTML, vertical- and horizontal align

usable html elements in data-content attribute, like data-content=”[br]text[br]”

option to create completely different style for member and non-member users (content can be different as well)

If you have any question or feedback, please feel free to email via my user page contact form.

More Details

6. WP FrontEnd Form - Multi-Purpose Posting Form

featured image

Basic Form/Guest Post and/or login required option http://poster.net/simple-form/

Advanced Form with multiple fields http://poster.net/custom-post-type-form/

Custom Post a job form http://poster.net/post-a-job-form/

Custom contact form with Recaptcha support.net/contact-form-2/

Open a Ticket form http://poster.net/open-a-ticket-form/

Sign In Form http://poster.net/sign-in-form/

Sign Up Form http://poster.net/sign-up-form/

WP FrontEnd Form (WPF) is a Wordpress Plugin, use to create a email HTML form at Front-End with shortcode support.Can use to create a Blog posting form.Can use to create a News posting form.Can use to create a create contact form PHP with different fields support.Can use to create a Job posting form.Can use to create Portfolio posting form with multiple Upload fields.Withdrawal form

Sign In form

[V3] Sign Up form.Profile updating form.Copy wp-frontend-form folder to wp-content/plugins.Go to Plugins/Installed plugin, find WP FrontEnd Form and click active.Go to WP FrontEnd Form

net/wp-frontend-form-multi-purpose-posting-form/ Or send the question at http://codecanyon.WP FrontEnd Form ContactForm Plugin – Screenshots

- WP FrontEnd Form's extra plugin, use to build ContactForm with email notification support

html#fluidGridSystem

[New] Adding Sign In Form use Shortcode.[New] Adding Sign Un Form use Shortcode.[Update] Remove "Allow Guest send new Post" at Setting page, replace by option in Shortcode.[Update] Remove "Display "Add Media" button" at Setting page, replace by option in Shortcode.[Update] Remove "Allow upload Featured Image" at Setting page, replace by option in Shortcode.[Update] Remove "Use Recaptcha to prevent spamming" at Setting page, replace by option in Shortcode.

More Details

7. SabaiDiscuss for WordPress

featured image

Custom fields with visual form editor (13 field types: Choice, Date, HTML, Markdown Text, Number, ON/OFF, Paragraph Text, Single Line Text, CAPTCHA, User, Section Break, File Upload, Image Upload)

Filters user HTML using HTMLPurifier for additional security

Bug Fixed: Fatal error when entering invalid URL in URL form fields

Added: Option to cluster map markers

Added: Option to hide directory dashboard shortcut link in WP tool bar

Bug Fixed: HTML target attributes were always stripped off

Improved: Nofollow HTML rel attributes are added to all outgoing links

Added: Option to show/hide login link to guest users on comments

Bug Fixed: Fatal error on form editor page if language is RTL

Bug Fixed: Value of CAPTCHA field not being cleared when form submit failed

Added: Show existing fields in form editor to allow reusing custom fields

Added: Option to disable caching permissions in session

Added: Added option to send notifications to guest authors

Added: Options to disable (hide) tag/category form fields (Questions -> Manage Fields)

html to .html.Bug Fixed: Pages redirecting to https://xxx instead of http://xxx on after contact form wordpress on certain occasions

Improved: Search form sending out placeholder values as actual form values when some kind of HTML5 hack is in place

Bug Fixed: Some rendering issues with validation HTML forms using PHP

Internal: Allow each form element to add javascript code

Added: Option to specify summary text length in widgets

Bug Fixed: Custom fields not being displayed in form on certain occasions

html)

html template file

html template file

Bug Fixed: Timepicker form field not showing the correct local time

Bug Fixed: Several form elements not being displayed at all on certain occasions

noConflict(), added an option to enable/disable it

Improved: Custom fieds visual form editor user interface improved

Added: Visibility setting for each custom field which allows setting what type of user can see the field during form submission

Added: Option to disable jQuery UI CSS

Bug Fixed: Page not found error when trying to edit/add fields in visual form editor

Updated: HTML fields to display markup instead of system message in visual form editor

Added: Custom fields with visual form editor (8 field types: Choice, Date, HTML, Markdown Text, Number, ON/OFF, Paragraph Text, Single Line Text, and more to come)

Bug Fixed: Tag selection form not being displayed in some cases

More Details

8. Pull-Out Content Panel

featured image

Simple working contact form

The package contains 6 HTML files showing different possibilities or usages of this panel and all the code is organized, indented and easy to read. There’s also a contact form wordpress included, it’s ready to be used and requires only your email address to be functionnal. You’ll need to be logged in to be able to access the contact form generator codecanyon (in the sidebar).Fixed an issue occurring on iPad with the option handling clicks outside the panel

Added an option to close the panel if a click is detected outside its area

More Details

9. FormMapper Address Autocomplete with Geolocation

featured image

Optionally: you can add a map container that will display an interactive map with drag and drop location finding capabilities and a form that will be populated with the complete address details including the latitude and longitude coordinates.html

The remaining details will be completed for you and if you include additional form elements or a map container they will be filled in with the appropriate content.html

If you click that button the site should first ask for your permission to locate you (if you haven’t already approved it) and then the site will automatically attempt to find your location, as close as possible and map it and fill in the form.formMapper() will run, the form address elements will be filled in, and the map will be shown.html

By conguring the form slightly you can handle multiple results.html

This example includes the option for the marker to be draggable and each time the marker is dragged the map zooms in a little more until it reaches the set maximum zoom level.html

In addition to being able to fill in the form by entering an address, you could also search for the location of a Point of Interest (POI).html

html

In this demo the option was set to limit the map to a certain area and the results will give priority to that region. The option to only locate establishments was also set in this example.html

html

Demo Contact Form

html

There is the usual form on the left that searches for a location and fills in the input items and has a smaller map included.Then there is the demo contact form on the right with a map that displays the location of the restaurant (as shown below.formMapper() plugin but is not attached to any form (since you wouldn’t want to change the display of where you can be found.formMapper element on the page is found in the HTML contact form itself.This particular use of the formMapper() plugin does not update a map and does not have a list of form inputs for the various address components. However, if you fill out the form and click submit (it will not send the email in the demo)  it will just display the email content for you to view.By adding a list of hidden fields that each have address component names the form will have the various address items inserted without being visible to the end user and will be able to be sent along with the other (visible) form elements.details (The container that should be populated with the form data)

html#MapOptions

html#place_search_requests

In addition to simplifing your form’s address input for your site’s visitors there are so many uses for this plugin.

More Details