14 Gorgeous HTML Form Attributes Compilation
Sleek-kit Clean and simple lightbox script
Sleek-kit Clean and jQuery simple form validation code HTML & CSS.Its Bootstrap Grid form pack. Sleek kit is simple, clean and fresh modern form pack hat useful to agency, company , portfolio, etc. Please note that IE doesn’t support some CSS3 attributes.Sleek-kit psd include below form. Create Account form
Newsletter form
Request Quote Form
Raleway (Google web-form) (Download from) http://www.
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.
For the design of this slider we wanted to create a price of work which could form the centerpiece of your next web project.This jQuery plugin slideshow uses unobstrusive javascript to transform a block of simple HTML form validation markup into a georgous elegant slider, which can be completely customized using HTML5 data attributes.Multiple instances allowed in a single HTML page.
4. Auto Form
For a more advanced form builder, take a look at Master Form Builder
The “Form Builder – made easy” script is a Javascript helping you as a developer and/or designer to create valid HTML5 forms with ease; without having to remember all available input fields and attributes or the new HTML5 standards and options. This script generates all HTML form input automatically after your specifications. On a single page you are able to create all your form input fields, including editing, removing and sorting, and setting up the configuration for the main form tag. All valid input attributes are available, unique attributes for specific input fields, global attributes and form overrides. A small portion of these available attributes would be value, id, class, name, title, options, disable, readonly, placeholder and many more. To make the html output more useful each input field can be wrapped with HTML. This script will act as the starting point when adding new HTML forms to your websites. Make sure to preview the screenshots for a better understanding on how this website form builder works! In short, these are the steps:
Add all form fields your form require
View your form meanwhile you add new input fields and sort and edit added fields. Set up the attributes for the main form tag in HTML action such as action, method and such. Click on generate and the HTML + PHP stubs will be generated for you.Unique input attributes, form override attributes, global attributes
Easy Ajax Form turns boring, static HTML forms into dynamic web components by adding validation and Ajax capability. All you have to do is add specific Easy Ajax Form markers to your HTML class attributes, like this:
You have now created a jQuery contact form that will be validated as required and email!
In addition to customizing validation for each field, you can also choose to turn off validation or Ajax capabilities for the entire form without writing any JavaScript. If you write clean, compliant HTML but don’t like messing around with JavaScript (or you just want to save some time) this file is for you!
- Please note that since this is a JavaScript file, it can not connect to a database and therefore this script does not process form information. If you need help with a form handling php script, please contact me at JJStevens17atgmail
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 simple jQuery contact form ajax on my profile page.jQuery Form Plugin by The jQuery Foundation
Complex template of HTML/CSS contact form.Clear HTML structure
Note: Please remember that IE doesn’t support some CSS3 attributes.
The revolution has been arrived, you can now turn your website HTML elements to 3D.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]”
If you have any question or feedback, please feel free to email via my user page contact form.
no need to learn any attributes or interfaces to extend it (it’s all based on extension methods);
Full API documentation in HTML and PDF format, with examples;
Travel Booking Form: Clean & Simple Travel Booking Form
Clean and Simple Travel Booking Form HTML & CSS. Please note that IE doesn’t support some CSS3 attributes. Tab styled booking form. Also available in 4 Color Html in main file.HTML File are below
Account Information Form
Payment Detail Form
The creation of HTML-forms is a time consuming task.create all html form types with one line of code
change the css file to create a new look of the form
Public functions of the “Form and Validation”
Functions to create the form:
addTextInput( string $label, string $name [, string $value = ’’, array $attributes = array(), string $addtext = ’’] )
addPassword( string $label, string $name [, string $value = ’’, array $attributes = array(), string $addtext = ’’] )
addUpload( string $label, string $name [, string $value = ’’, array $attributes = array(), string $addtext = ’’] )
addTextarea( string $label, string $name [, string $value = ’’, array $attributes = array(), string $addtext = ’’, int $rows = 4, int $cols = 20] )
addSelectList( string $label, string $name [, array $option_list = array(), array $attributes = array()] )
addRadioButton( string $label, string $name [, array $option_list = array(), array $attributes = array()] )
addCheckboxes( string $label, string $name [, array $option_list = array(), array $attributes = array()] )
Functions to validate the form:
Custom fields with visual form builder 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
Bug Fixed: HTML target attributes were always stripped off
Improved: Nofollow HTML rel attributes are added to all outgoing links
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: 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 form submit HTML action 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 HTML forms
Internal: Allow each form element to add javascript code
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
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
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
13. Zi-4-Forms
This is clean and pleasant designed login, register, recover password & contact forms in HTML user interface with messages for each field which will help the visitors or members of your website.• Login Form
• Recover Password Form
(Please note that IE doesn’t support some CSS3 attributes.
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 HTML form textarea enctype=”multipart/form-data” for 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 textarea HTML form element)
//Specifies if the action HTML form 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 email HTML
//Specifies if you want to use AYAH for validation form using JavaScript in HTML
15. textAreaPro
A jQuery contact form 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.