Input Tags in Html Forms

Html - Inputs:
Input fields are those fields which fill by users and you save them as comments. Which can be written as directly closing tag <input /> after input give a space and give a type of your own choice and use it shown in example.There are many types of input fields types such as

1. type="text"
2. type="password"
3. type="checkbox"
4. type="radio"
5. type="submit"
6. type="reset"
7. type="hidden"

Html - Text Field:
Here is the two example of input fields First one is text and the second one is password. You can try making different text fields like us.

Text Field Code:

<input type="text" />

Text Field Example:

Here you see the text field simple example.

Html - Password Field:
Passwords fields are similar to the input for the text just change the type="password" and it will change to password field no text shown just dots seems as usual seems in passwords.

Password Field Code:

<input type="password" />

Password Field Example:

Here you see the password field simple example. If you want a sample password like test which will shown same like password but you want to add so use value="test" attribute it will shown same like text field.

Html - Check Boxes:
Here in the example of this we use 3 checkboxes you can use Css so you can make your forms more attractive.

Check Boxes Code:

<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />

Check Boxes Example:

Here you see the 3 checkbox field simple example.

Html - Radio Buttons:
Here in the example we make 3 radio buttons you can use Css so you can make your forms more attractive.

Radio Buttons Code:

<input type="radio" />
<input type="radio" />
<input type="radio" />

Radio Buttons Example:

Here you see the 3 radio buttons simple example.

Html - Buttons:

Submit Button:
Setting an input type to "submit" specifies a very unique button. When pressed, the button activates the action of the form whatever that may be. Most often times this is some sort of server side scripting file or a JavaScript function.
In which we will use value attribute remember this is necessary it means that this text will show on button like value="submit".

Submit Button Code:

<input type="submit" value="Submit" /><input type="submit" value="Continue Please!" />

Submit Button Example:

Reset Button:
Setting an input type to "reset". Where this button place in a form it reset all the text field and other choices in different means empty it. Users enjoy having a "start over" button such as the reset button in case they begin filling out the wrong information in a major way.

Reset Button Code:

<input type="reset" value="Reset" />
<input type="reset" value="Start Over!" />

Reset Button Example:

These are the example of submit button and reset button which can more modified by Css.

Hidden Fields:
Hidden fields are more advance use in either server/client side script in JavaScript or PHP. You can use it same like text field type="hidden" this is fix and value is your value whatever you want to give like john, Miller etc.

Hidden Field:

<input type="hidden" value="hidden" />
<input type="hidden" value="hidden" />

Hidden Field Example:

This will not shown in this page or your page because these are hidden fields and holding some values we say it's value is hidden so it is holding hidden value.