xFactor



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <script type = "text/javascript">
        function validate() {
            var x = document.getElementById("input1").value;
            var y = document.getElementById("input2").value;
            if(document.getElementById("input3").checked)
                var z = document.getElementById("input3").value;
            if (document.getElementById("input4").checked)
                var z = document.getElementById("input4").value;
            var w = document.getElementById("input5");
            var v = w.options[w.selectedIndex].value;
            if (x == null || x == "" || y == "" || y == null) {
                alert("Сите полиња се задолжителни");
            }
            else
                alert(x + " " + y + ", " + z + ", " + v + " - успешно се пријавите");

        }

    </script>
    <style type="text/css">
        h1{
            text-align: center;
            margin-top: 200px;
        }
        table{
            margin-left: 425px;
            font-size: 20px;
        }
        tr {
            height: 30px;
        }
        option {
            background-size: 50px;
        }
    </style>
</head>
<body>
<h1>Форма за пријавување на X-Factor</h1>
<table>
    <tr>
        <td>Име</td>
        <td colspan=2><input id="input1" type="text"></td>
    </tr>
    <tr>
        <td>Уметничко име</td>
        <td colspan=2><input id="input2" type="text"></td>
    </tr>
    <tr>
        <td>Пол</td>
        <td><form>
            <input type="radio" id="input3" value="машки" checked="checked" name="pol">Машки
            <input type="radio" id="input4" value="женски" name="pol">Женски
        </form></td>
    </tr>
    <tr>
        <td>Жанр:</td>
        <td colspan=2>
            <select id = "input5">
                <option value = "Classical Music">Classical Music</option>
                <option value = "Other Music">Other Music</option>
            </select>
        </td>
    </tr>
    <tr><td><button onclick="validate()">Пријави се</button></td></tr>

</table>
</body>
</html>