HTML5 Number Input Type

HTML5 has introduced many input types. The number input type is one of them. In this tutorial, we will learn how to use and customize the number input type. This post will also talk about the advantages of using this new input type.

What is the number input type?

The number input type (<input type=”number”>) is one of the many input types. It gives a numeric input field in an HTML form, which lets you enter numbers in a flexible manner. Using this input type, you can enter a value in two ways — from the keyword and by clicking the little up and down buttons provided in the input field.
[click to continue…]

PHP Form Validation Tutorial

Client-side form validations help in giving immediate feedback to the user. It is also required to add server side form validation in your form processing script. The user can disable Javascript on their server or even auto-bots might try to submit your form as well.

The server side form validations help keeping the form submission data consistent. The validations also help in lesser server side errors. For example, if you have set length limit in the database for a text input, it is better to do the validation before it actually gets cut off by the database system or even getting an error thrown.
[click to continue…]

A Definitive Guide to Sensible Form Validations

Here is one of form validation error messages that made me laugh aloud : “invalid last name. Please enter a valid last name”. The form (or the souls that coded that form) decided my last name is bad and imagine, they want me to build a valid last name too!
error message: last is name invalid
Bad, uninformed form validations can turn people away from your web form. Often it means lost sales or opportunities.
Web forms are communication channels through which your users reach you. It is the salesman or the front desk of your website. It is hence required to carefully design the form communication (apart from the form aesthetics). In this article we look deep in to the subject.
[click to continue…]

Dreamweaver Email Form Tutorial

This beginner level tutorial is about creating forms in Dreamweaver. You may be familiar with creating web pages in Dreamweaver. This tutorial takes you one step ahead and shows you how to build great interactive forms in Dreamweaver.

Note: It is easy to create complete forms using Simfatic Forms. Visually design the form, get form submissions by email, save submissions to database and more.

The general working of a web form

form partsBefore we begin, I would like to get you up to speed with the general working of a form. The form is composed of a front-end and a back-end. The front-end is the HTML form that is displayed to the user in the browser. The front-end also consists of the styling part (known as CSS) and the Javascript validations. The back-end is the script running on your webserver. The back-end script receives the form submission and does the heavy stuff like emailing the form submissions or saving to a database. Both the front-end and the back-end are essential for a functional web form.
[click to continue…]

Loading a Drop Down List Using jQuery

To load a drop down list (or a simple list) from a database, there are different ways. One is to embed PHP code in the HTML code, that loops through the rows in the database and adds <option> </option> tags.

<select name='mylist' id='mylist' size='1'>
while($rec = mysql_fetch_assoc($result))
    echo "<option>".$rec['name']."</option>";

A better alternative is to dynamically load the list using Ajax.
[click to continue…]

Simfatic Forms: HTML form generator tool

Hand-coding HTML forms using the common web design tools used to be a long and cumbersome process. HTML code for the form is just one part of the whole web form. You need the server side processing script as well.

Simfatic Forms
is a tool that fills this gap. You can design the web form using the visual editor. No coding is required. Simfatic Forms generates all the required code ( The HTML code and the server side processing script).
[click to continue…]