The Fear of Codes

Forms

HTML Forms. Like its name suggest, it is used to create Forms for registration form, login forms, etc. It is one of the most complicated feature in HTML. But fret not, we will go through it and learn some tips and tricks on the way.

There are a few type of form elements: Text Inputs, Dropdown Menus, Radio Buttons, Checkboxes, Textarea and the Submit Button.

It is very easy and direct to write these forms and you can just use the template below to create a form then just add or delete the form elements depending on your needs. The hard part would be on how to actually PROCESS these forms to submit the information.

<form name="input" action="html_form_action.php" method="POST">
First name: <input type="text" name="firstname" /><br />
Last name: <input type="text" name="lastname" /><br /><br />

Password: <input type="password" name="pwd" /><br /><br />

<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female<br /><br />

<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />
<input type="checkbox" name="vehicle" value="Car" /> I have a car <br /><br />

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select><br /><br />

<input type="submit" value="Submit" />
</form>

Ok, so as you can see, it is not very human friendly and when you submit, it does nothing!

Let me then introduce you to one of the best Form Generator that includes the Processing part of the form (Save data or Send to your Email).

JotForm

guides and tools

Forms