Untitled

<!DOCTYPE>

<html>
    <head>
        <title> HTML formular </title>
        <style>
            .ulaz{
                background: cyan;
            }
            input{
                color:blueviolet;

            }
            fieldset input{
                position: relative;
                top: 3px;
            }
        </style>
    </head>
    <body>

        <form>
            <fieldset>
                <legend>Osnovni podaci</legend>
            <label for="ime">Ime i prezime: </label>
            <input class="ulazi" type="text" id="ime" placeholder="npr. Otac Ovde" value="NULL" required>
            <br>
            <label for="user">Korisnicko ime: </label>
            <input class="ulazi" type="text" id="user" placeholder="fr1sk" name="username" required>
            <br>
            <label for="pass">Password: </label>
            <input class="ulazi" type="password" id="pass" placeholder="" name="password">
            <br>
            <label for="date">Datum Rodjenja: </label>
            <input class="ulazi" type="date" id="date" placeholder="" name="date">
            <br>
             <label for="email">Email adresa: </label>
            <input class="ulazi" type="email" id="email" placeholder="" name="email" autocomplete="on" autofocus>
             <br>
             <label for="url">Web adresa: </label>
            <input class="ulazi" type="url" id="url" placeholder="" name="url" autocomplete="on">
            <br>
             <label for="number">Broj: </label>
            <input class="ulaz" type="number" id="number" placeholder="" name="number" autocomplete="on" min="20" max="50">
            <br>
             <label for="range">Slider: </label>
            <input class="ulaz" type="range" id="range" placeholder="" name="range" autocomplete="on">
             <br>
             <label for="boja">Boja: </label>
            <input class="ulaz" type="color" id="color" placeholder="" name="color" autocomplete="on">
            <br>
             <label for="textArea">Napomena: </label>
            <textarea cols="35" rows="5" maxlength="100"></textarea>
                </fieldset>
              Fakultet
        <select name="fax" >
            <optgroup label="IT">
            <option value="matf" selected>MATF</option>
            <option value="etf">ETF</option>
            <option value="raf">RAF</option>
            <option value="ftn">FTN</option>
                </optgroup>
            <optgroup label="Picke">
                <option value="matf">Dzon Nezbit</option>
            <option value="etf">Singidunum</option>
            </optgroup>
        </select>
        <input type="text" list="list">
        <datalist id="list">
          <option value="matf">MATF</option>
            <option value="etf">ETF</option>
            <option value="raf">RAF</option>
            <option value="ftn">FTN</option>
        </datalist>

        <br>
        <label>godina studija</label>
        1<input type="radio" name="g" value="1">
        2<input type="radio" name="g" value="2" checked>
        3<input type="radio" name="g" value="3">
        4<input type="radio" name="g" value="4">

        <br>
        <label>Oblasti interesovanja</label>
        <br>
        <input type="checkbox" name="it"> IT <br>
        <input type="checkbox" name="p" checked> Programiranje <br>
        <input type="checkbox" name="1337"> Ethical Hacking <br>
        <input type="button" value="obicno" onclick="">
        <input type="submit" value="salji">
        <input type="reset" value="brisi">
            <br>
        <progress max="100" value="70">70%</progress>
        </form>

        <script type="text/javascript">
            var ime = document.getElementById("ime").textContent;
            console.log(ime);
            var tag = document.getElementsByTagName("ime");
            window.alert("Imam jedno pitanje za tebe");
            var x = confirm("Da li si ti picka?");
            if(x){
                window.alert("Bravo mikicu!")
                window.alert("Ti si picka");
                window.alert("HAHAHA");
            }
            else{
                window.alert("Nema bezanija, ti jesi picka");
               window.alert("HHAHAHAHHAHAH");
            }

        </script>

    </body>
</html>