validate-form/student.html at main · moumitapodder/validate-form · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>form validatiion</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <link rel="stylesheet" href="student.css">
</head>
<body>
    <div class="container" data-tilt data-tilt-scale="1.1">
      <b>
       ................ welcome to login.......................................
       <hr>
       <pre>
        Login forms are one of the most important user interface elements in mobile applications and websites with a members-only area.

        Why are they so important? They are the doors to the world that you have created. People are always a flight risk when they try to fill in a login form. Even the tiniest detail can scare them away. And there isn’t an alternative, you cannot remove the login form and just let everyone in.

        Let us get to the basics of login forms, consider good UX tips, get clues from beautiful login form examples to find out how to create a pleasurable experience, and eliminate user obstacles.
       </pre>
       Login forms are one of the most important user interface elements in mobile applications and websites with a members-only area.

Why are they so important? They are the doors to the world that you have created. People are always a flight risk when they try to fill in a login form. Even the tiniest detail can scare them away. And there isn’t an alternative, you cannot remove the login form and just let everyone in.

Let us get to the basics of login forms, consider good UX tips, get clues from beautiful login form examples to find out how to create a pleasurable experience, and eliminate user obstacles.
      </hr>
        <br>
        <br>

    </i>

   <i>lets do</i>
    <h1>create your account</h1>
    <form aciton ="/myaction.php" name="myForm" onsubmit="return validateForm()" method="post">//when the function in the form is true then post it.

        <div class="formdesign" id="name">
            Name: <input type="text" name="fname" required><b><span class="formerror"> </span></b>
        </div>

        <div class="formdesign" id="email">
            Email: <input type="email" name="femail" required><b><span class="formerror"> </span></b>
        </div>

        <div class="formdesign" id="phone">
            Phone: <input type="phone" name="fphone" required><b><span class="formerror"></span></b>
        </div>

        <div class="formdesign" id="pass">
            Password: <input type="password" name="fpass" required><b><span class="formerror"</span></b>
        </div>

        <div class="formdesign" id="cpass">
            Confirm Password: <input type="password" name="fcpass" required><b><span class="formerror"></span></b>
        </div>
        gender:
        <input type="radio" name="gender">male<input type="radio" name="gender">female

        <input class="but" type="submit" value="Submit">

    </form>
    </div>
</body>
<script src="student.js"></script>
<script src="vanilla-tilt.js"></script>

</html>