JavaScript

JavaScript

JavaScript

<!DOCTYPE html>
<html lang=”en”>
<head>
    <meta charset=”UTF-8″>
    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
    <title>Document</title>
    <script>
        function validationForm()
        {
        var fname = document.getElementById(“fname”).value;
        var lname = document.getElementById(“lname”).value;
        var email = document.getElementById(“email”).value;
        var password= document.getElementById(“password”).value;
        //var lname = document.getElementById(“lname”).value;
        }
    </script>
</head>
<body>
    <center>
        <fieldset>
    <form method =”post” action = “fb.html” onsubmit = “return validationForm()” >
        <tr>
        <td>First Name : <input type = “text” id = “fname” name = “fname”><br></td>
        </tr>
        <tr>
            <td>Last Name : <input type = “text” id = “lname” name = “lname”><br></td>
        </tr>
        <tr>
            <td>Your Email: <input type = “email” id = “email” name = “email”><br></td>
        </tr>
        <tr>
            <td>New Password: <input type = “password” id = “password” name = “password”><br></td>
        </tr>
        <tr>I am:
            <select name=”gender” id=”gender”>
                <option value = “select”> select gender: </option>
                <option value=”male”>Male</option>
                <option value=”female”>Female</option>
                <option value=”other”>Other</option>
                </select></td>
        </tr>
        <br>
        <tr>
            <td>Birthday: <input type = “date” id = “birth” name = “birth”><br></td>
        </tr>
        <br>
        <input type = “submit” value = “Submit”>
    </form>
        </fieldset>
</center>
</body>
</html>
Scroll to Top