HTML5 การใช้งาน input Tag

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

<form>
    <label for="username">Username:</label>
    <input type="text" id="username" name="username">
</form>

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

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

<form>
    <label for="age">Age:</label>
    <input type="number" id="age" name="age" min="1" max="100">
</form>

<form>
    <label for="dob">Date of Birth:</label>
    <input type="date" id="dob" name="dob">
</form>

<form>
    <p>Gender:</p>
    <input type="radio" id="male" name="gender" value="male">
    <label for="male">Male</label><br>
    <input type="radio" id="female" name="gender" value="female">
    <label for="female">Female</label>
</form>

<form>
    <p>Select your hobbies:</p>
    <input type="checkbox" id="sports" name="hobbies" value="sports">
    <label for="sports">Sports</label><br>
    <input type="checkbox" id="reading" name="hobbies" value="reading">
    <label for="reading">Reading</label>
</form>

<form>
    <label for="fileUpload">Upload a file:</label>
    <input type="file" id="fileUpload" name="fileUpload">
</form>

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

<form>
    <input type="submit" value="Submit">
</form>

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

<form>
    <label for="search">Search:</label>
    <input type="search" id="search" name="search">
</form>

<form>
    <label for="favcolor">Select your favorite color:</label>
    <input type="color" id="favcolor" name="favcolor">
</form>

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

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

<form>
    <input type="hidden" name="userID" value="12345">
</form>