A list of HTML input types

Text:
[code language=”html”]
Name: <input type="text" name="textinput">
[/code]

Password:
[code language=”html”]
Password: <input type="password" name="pwd">
[/code]

Radio:
Male
Female
[code language=”html”]
Radio:
<input type="radio" name="gender" value="male">Male<br>
<input type="radio" name="gender" value="female">Female
[/code]

Checkbox:
C++
Java
PHP
Javascript
[code language=”html”]
Checkbox:
<input type="checkbox" name="planguage" value="cpp">C++<br>
<input type="checkbox" name="planguage" value="java">Java<br>
<input type="checkbox" name="planguage" value="php">PHP<br>
<input type="checkbox" name="plagnuage" value="javascript">Javascript<br>
[/code]

Select menu:

[code language=”html”]
Select menu:
<select name="nyc">
<option value="bronx">Bronx</option>
<option value="brooklyn">Brooklyn</option>
<option value="manhattan">Manhattan</option>
<option value="queens">Queens</option>
<option value="statenisland">Staten Island</option>
</select>
[/code]


Button:
[code language=”html”]
<script>
function msg()
{
alert("Hello world!");
}
</script>
Button: <input type="button" value="Hello world!" onclick="msg()">
[/code]

Color:
[code language=”html”]
Color: <input type="color" name="favcolor">
[/code]

Image:
[code language=”html”]
Image: <input type="image" src="img.gif" alt="Submit" width="30" height="30">
[/code]

File:
[code language=”html”]
File:<input type="file" name="attach1" id="attach1">
[/code]

Date:
[code language=”html”]
Date:<input type="date" name="bday">
[/code]

Time:
[code language=”html”]
Time:<input type="time" name="usr_time">
[/code]

Datetime:
[code language=”html”]
Datetime:<input type="datetime-local" name="bdaytime">
[/code]

Week:
[code language=”html”]
Week:<input type="week" name="year_week">
[/code]

Month:
[code language=”html”]
Month:<input type="month" name="bdaymonth">
[/code]

Number:
[code language=”html”]
Number:<input type="number" name="quantity" min="1" max="10">
[/code]

Range:
[code language=”html”]
Range:<input type="range" name="points" min="1" max="10">
[/code]

Email:
[code language=”html”]
Email:<input type="email" name="usremail">
[/code]

URL:
[code language=”html”]
URL:<input type="url" name="webaddress">
[/code]

Reset:
[code language=”html”]
Reset:<input type="reset" value="Reset">
[/code]

Submit:
[code language=”html”]
Submit:<input type="submit" name="submit" value="Submit">
[/code]

Search within Codexpedia

Custom Search

Search the entire web

Custom Search