HTML Input Types: Text, Email, Checkbox, Radio, and More

<input type="text" name="fullname" placeholder="Your name" />

<input type="email" name="email" placeholder="you@example.com" />

<input type="password" name="password" />

<input type="number" name="age" min="1" max="100" />

<input type="date" name="birthday" />

<input type="checkbox" id="html" name="skill" value="html" />
<label for="html">HTML</label>

<input type="checkbox" id="css" name="skill" value="css" />
<label for="css">CSS</label>

<input type="radio" id="male" name="gender" value="male" />
<label for="male">Male</label>

<input type="radio" id="female" name="gender" value="female" />
<label for="female">Female</label>

<input type="tel" name="phone" />
<!-- Phone number -->
<input type="url" name="website" />
<!-- Website URL -->
<input type="file" name="upload" />
<!-- File upload -->
<input type="color" name="favcolor" />
<!-- Color picker -->
<input type="range" name="volume" min="0" max="100" />
<!-- Slider -->