<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
    function checkboxs(){
        var x = document.getElementById("checks").checked;
        document.getElementById("demo").innerHTML = x;
      }
      function radio(){
        var x = document.getElementById("rad").checked;
        document.getElementById("demo1").innerHTML = x;
      }
      function date(){
        var x = document.getElementById("dat").value;
        document.getElementById("demo2").innerHTML = x;
      }
      function number(){
        var x = document.getElementById("num").value;
        document.getElementById("demo3").innerHTML = x;
      }
      function epasts(){
        var x = document.getElementById("epa").value;
        document.getElementById("demo4").innerHTML = x;
      }
      function krasa(){
        var x = document.getElementById("kras").value;
        document.getElementById("demo5").innerHTML = x;
      }
      function password() {
        var x = document.getElementById("parole").value;
        document.getElementById("demo6").innerHTML = x;
      }
      function range(){
        var x = document.getElementById("range").value;
        document.getElementById("demo7").innerHTML = x;
      }
      function laiks(){
        var x = document.getElementById("laiks").value;
        document.getElementById("demo8").innerHTML = x;
      }
      function izvele(){
        var x = document.getElementById("izvele").value;
        document.getElementById("demo9").innerHTML = x;
      }
      function koments(){
        var x = document.getElementById("koments").value;
        document.getElementById("demo10").innerHTML = x;
      }
      function datalist(){
        var x = document.getElementById("augli1").value;
        document.getElementById("demo11").innerHTML = x;
      }
      function fails(){
        var x = document.getElementById("fails").value;
        document.getElementById("demo12").innerHTML = x;
      }
      function bilde(){
        var x = document.getElementById("bilde").src;
        document.getElementById("demo13").innerHTML = x;
      }
      </script>
    <input type="checkbox" id="checks">
    <br>
    <button onclick="checkboxs()">Uzspied</button>
    <p id="demo"></p>
    <hr>
    <input type="radio" id="rad">
    <br>
    <button onclick="radio()">Uzspied</button>
    <p id="demo1"></p>
    <hr>
    <input type="date" id="dat">
    <br>
    <button onclick="date()">Uzspied</button>
    <p>gads-menesis-diena</p>
    <p id="demo2"></p>
    <hr>
    <label for="numurs">numurs</label>
    <br>
    <input type="number" id="num">
    <br>
    <button onclick="number()">Uzspied</button>
    <p id="demo3"></p>
    <hr>
    <label for="epastss">epasts</label>
    <br>
    <input type="email" id="epa">
    <br>
    <button onclick="epasts()">Uzspied</button>
    <p id="demo4"></p>
    <hr>
    <input type="color" id="kras">
    <br>
    <button onclick="krasa()">Uzspied</button>
    <p id="demo5"></p>
    <hr>
    <label for="parole">parole</label>
    <br>
    <input type="password" id="parole">
    <br>
    <button onclick="password()">Uzspied</button>
    <br>
    <p id="demo6"></p>
    <hr>
    <input type="range" id="range">
    <br>
    <button onclick="range()">Uzspied</button>
    <br>
    <p id="demo7"></p>
    <hr>
    <input type="time" id="laiks">
    <br>
    <button onclick="laiks()">Uzspied</button>
    <br>
    <p id="demo8"></p>
    <hr>
    <select id="izvele">
      <option value="abols">abols</option>
      <option value="banans">banans</option>
      <option value="apelsins">apelsins</option>
    </select>
    <br>
    <button onclick="izvele()">Uzspied</button>
    <br>
    <p id="demo9"></p>
    <hr>
    <textarea id="koments" placeholder="Ieraksti seit ko gribi"></textarea>
    <br>
    <button onclick="koments()">Uzspied</button>
    <br>
    <p id="demo10"></p>
    <hr>
    <input list="augli" id="augli1" >
    <datalist id="augli">
      <option value="abols">abols</option>
      <option value="banans">banans</option>
      <option value="apelsins">apelsins</option>
    </datalist>
    <br>
    <button onclick="datalist()">Uzspied</button>
    <br>
    <p id="demo11"></p>
    <hr>
    <input type="file" id="fails">
    <br>
    <button onclick="fails()">Uzspied</button>
    <br>
    <p id="demo12"></p>
    <hr>
    <input type="image" id="bilde" src="https://img2.spoki.lv/upload2/articles/89/895304/images/Bildes-1-1.jpg">
    <br>
    <button onclick="bilde()">Uzspied</button>
    <br>
    <p id="demo13"></p>
</body>
</html>