Event-Registration-Form/index.html at main · UserisSabari/Event-Registration-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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Event Registration Form</title>
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
</head>
<body>
    <h1>Event Registration Form</h1>
    <form >
        <label for="name">Name:</label>
        <input type="text" id="name" name="name" placeholder="Enter your name" required><br>
        <label for="email">Email:</label>
        <input type="email" id="email" name="email" placeholder="Enter your email" required><br>
        <label for="year">Year:</label>
        <input type="number" id="course-year" name="course-year" placeholder="Year of Study" min="1" max="4" required><br>
        <label for="branch">Branch:</label>
        <select id="branch" name="branch" required>
            <option value="" disabled selected>Select your branch</option>
            <option value="cse">CSE</option>
            <option value="it">IT</option>
            <option value="ece">ECE</option>
            <option value="eee">EEE</option>
            <option value="mech">ME</option>
            <option value="civil">CE</option>
        </select><br>
        <label for="phone">Phone:</label>
        <input type="tel" id="phone" name="phone" required pattern="[0-9]{10}"  placeholder="Enter your phone number"><br>
        <label for="muid" >MUID: </label>
        <input type="text" id="muid" name="muid" required pattern=".*@mulearn$" placeholder="Enter your MuLearn ID"><br>
        <label for="karma">Karma Points:</label>
        <input type="number" id="karma" name="karma-points" required placeholder="Enter your karma points"><br>
        <div class="btn-container">
            <button type="submit"  >Register</button>
            <button type="reset">Reset</button>

        </div>

    </form>
    <script src="script.js"></script>


</body>
</html>