HTML5 Input ประเภทต่างๆ

<label for="name">Name:</label>
<input type="text" id="name" name="name">

<label for="password">Password:</label>
<input type="password" id="password" name="password">

<label for="email">Email:</label>
<input type="email" id="email" name="email">

<label for="website">Website:</label>
<input type="url" id="website" name="website">

<label for="phone">Phone Number:</label>
<input type="tel" id="phone" name="phone">

<label for="age">Age:</label>
<input type="number" id="age" name="age" min="18" max="99">

<label for="volume">Volume:</label>
<input type="range" id="volume" name="volume" min="0" max="100">

<label for="birthday">Birthday:</label>
<input type="date" id="birthday" name="birthday">

<label for="meeting-time">Meeting Time:</label>
<input type="time" id="meeting-time" name="meeting-time">

<label for="appointment">Appointment:</label>
<input type="datetime-local" id="appointment" name="appointment">

<label for="card-expiry">Card Expiry:</label>
<input type="month" id="card-expiry" name="card-expiry">

<label for="week">Choose a week:</label>
<input type="week" id="week" name="week">

<label for="favcolor">Favorite Color:</label>
<input type="color" id="favcolor" name="favcolor">

<label for="file">Upload file:</label>
<input type="file" id="file" name="file" accept=".jpg, .jpeg, .png">

<label for="subscribe">Subscribe:</label>
<input type="checkbox" id="subscribe" name="subscribe" value="yes">

<label>Gender:</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="submit" value="Submit">

<input type="reset" value="Reset">

<button type="button" onclick="alert('Button clicked!')">Click me</button>

<input type="hidden" name="userid" value="12345">