HTML 5 <input> Element used to take input from user in the form of Text, Number, Email and Image. Some of the input type are given below :

• Text input type

Name:

<input type="text" name="your_name" 
	size="25" value="">




• Email input type

Email:

<input type="email" name="email" size="25" value="">




• Number input type

Age:

<input type="number" name="age" value="">




• Radio input type

Gender:

Male

Female

Other

<b>Male</b><input type="radio" name="gender" value="Male">
<b>Female</b><input type="radio" name="gender" value="Female">
<b>Other</b><input type="radio" name="gender" value="Other">




• Checkbox input type

Hobbies:

Cricket

Cooking

Drawing

<input id="Cricket" type="checkbox" name="Cricket"
	value="Cricket"><b>Cricket</b>
<input id="Cooking" type="checkbox" name="Cooking"
	value="Cooking"><b>Cooking</b>
<input id="Drawing" type="checkbox" name="Drawing"
	value="Drawing"><b>Drawing</b>




• DropDown input type

Country: Please select below Afghanistan Albania Algeria American Samoa Andorra Angola Anguilla Antigua and Barbuda Argentina Armenia Aruba Australia Austria Azerbaijan Bahamas Bahrain Bangladesh Barbados Belarus Belgium Belize Benin Bermuda Bhutan Bolivia Bosnia-Herzegovina Botswana Brazil Brunei Bulgaria Burkina Faso Burundi Cambodia Cameroon Canada Cape Verde Cayman Islands Central African Republic Chad Chile China Colombia Comoros Congo Costa Rica Croatia Cuba Cyprus Czech Republic Denmark Dominica Dominican Republic East Timor Ecuador Egypt El Salvador Equatorial Guinea Eritrea Estonia Ethiopia Fiji Finland France French Guiana Gabon Gambia Georgia Germany Ghana Gibraltar Greece Greenland Grenada Guatemala Guinea Guinea Bissau Guyana Haiti Honduras Hong Kong Hungary Iceland India Indonesia Iran Iraq Ireland Israel Italy Ivory Coast Jamaica Japan Jordan Kazakhstan Kenya Kiribati Kuwait Kyrgyzstan Laos Latvia Lebanon Lesotho Liberia Libya Liechtenstein Lithuania Luxembourg Macau Macedonia Madagascar Malawi Malaysia Maldives Mali Malta Martinique Mauritania Mauritius Mexico Micronesia Moldova Monaco Mongolia Montenegro Montserrat Morocco Mozambique Myanmar Namibia Nauru Nepal Netherlands New Caledonia New Zealand Nicaragua Niger Nigeria Niue North Korea Norway Oman Pakistan Palau Panama Papua New Guinea Paraguay Peru Philippines Poland Polynesia Portugal Qatar Reunion Romania Russia Rwanda Saint Helena Saint Lucia Samoa San Marino Saudi Arabia Senegal Serbia Sierra Leone Singapore Slovakia Slovenia Somalia South Africa South Georgia South Korea Spain Sri Lanka Sudan Suriname Sweden Switzerland Syria Taiwan Tajikistan Tanzania Thailand Togo Trinidad and Tobago Tunisia Turkey Turkmenistan Uganda Ukraine United Arab Emirates United Kingdom United States Uruguay Uzbekistan Venezuela Vietnam Yemen Zaire Zambia Zimbabwe

<select name="country">
<option value="None selected">
Please select below
</option>
<option value="Afghanistan">
Afghanistan
</option>
<option value="Albania">
Albania
</option>
</select>




• Comment input type

Comments

<textarea name="comments" rows="4"
	maxlength="200" cols="22">




• Hidden input type

<input type="hidden" name="your_ip" value="">

Note:Input type="hidden" is useful for situations when you might want to gather data not supplied by the person filling out the form. Here I use a hidden input tag to collect your IP address.




• Button input type

<input type="submit" name="submit" value=" Submit ">

Note:Input type="submit" displays as a button with the contents of the "value" attribute written on the button.




• Date input type

Birthday

<input type="date" name="bday">




• Time input type

Select a time

<input type="time" name="usr_time">




• Week input type

Select a week

<input type="week" name="year_week">




• Image input type

Click on go

 <input type="image" src="./../images/html5/go.png"
 	alt="Submit" width="48" height="48">