How to make a web form and get it online quickly

Coding a web form is a long, tedious process. However, there is an easier way.

Using Simfatic Forms you can quickly create feature-rich web forms without coding. You just have to design the form using the visual editor; Simfatic Forms generates all the required code. You don't have to worry about coding HTML, CSS JavaScript or PHP.

Even if you know coding, and do forms regularly, Simfatic Forms saves you all the time spent on coding and lets you focus on the form design.

This tutorial takes you step-by-step through the process of creating a web form using Simfatic Forms and getting it online.

First, download a Free trial version of Simfatic Forms.

Design your web form

Simfatic Forms has a Visual editor (WYSIWYG editor). You can drop the required input elements and arrange it. All types of input element types are supported. In addition, Captcha and calculation fields are also supported.

how to make a form

Add Input Validations

Input validations are essential part of any web form. The next step in designing your form is to select the input validations. With Simfatic Forms, you don't have to worry about hours of manual form validation coding.

Simfatic Forms supports conditional validation too( example: 'Other' text field is required when 'Other' radio button is selected )

create a form

Select Form processing options

You can choose what to do with the form submissions. Here are some of the options available:
  • Send the submission by email
  • Save to a database/file
  • Send an auto response

make a form: processing options

Generate the code and integrate with your website

Simfatic Forms takes you step-by-step through the process of integrating the form with your web site. With the simple step-by-step interface, even first time users can easily integrate the form with their website.

install form

The form can be seamlessly integrated with any website, CMS or Blog.

Clean, standard compliant code

The code generated by Simfatic Forms is clean and tidy. It generates code in Browser-native languages only (CSS/HTML/JavaScript) No need of Flash/other plugins. This ensures that your form shows up correctly in all browsers.

Form Code

Try it yourself

You can download a 30 day free trial and try all the features yourself.
Click here for more information about Simfatic Forms.

  • Digg
  • del.icio.us
  • Netscape
  • Reddit
  • StumbleUpon
  • Technorati
  • YahooMyWeb

How to make a form without coding? Click here for a demo.

Follow me on twitter

HTML Forms
HTML Form Tutorial
The Form Tag
The Form Submit Button
Form design software
How to make a web form
Make web forms quickly, without coding

Javascript Form Handling
  Basics
Using getElementById to get the elements in a form
Set value of form element using JavaScript
Get value of form element using JavaScript
Handling multiple forms using JavaScript
JavaScript reset/clear a form
  Advanced
JavaScript Form Validation
Submitting a form using JavaScript
Can JavaScript Email a Form?
Switching the form action field dynamically
JavaScript Button

JavaScript Popup Windows
The window.open method
The window.close method
More ...

 
.   Copyright © 2003-2009 JavaScript-coder.com. All rights reserved.