<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Input Types</title>

</head>
<body>
  <!-- HTML5 offers many input types with built-in validation -->
  <form>
    <p><label>Text:     <input type="text" /></label></p>
    <p><label>Password: <input type="password" /></label></p>
    <p><label>Email:    <input type="email" /></label></p>
    <p><label>Number:   <input type="number" min="0" max="10" /></label></p>
    <p><label>Date:     <input type="date" /></label></p>
    <p><label>Color:    <input type="color" /></label></p>
    <p><label>Range:    <input type="range" min="0" max="100" /></label></p>
    <p><label>File:     <input type="file" /></label></p>
    <p><label>Checkbox: <input type="checkbox" /> Agree</label></p>
    <p><label><input type="radio" name="g" /> Option A</label>
       <label><input type="radio" name="g" /> Option B</label></p>
  </form>
</body>
</html>