Event Registration System

[TheReaper989]

If you are looking for Event Registration System then you are at the right place. This simple system can help us for registering all the participants in the particular kind of events. For faster transaction, you can also network the system to have multiple users registering in a short period of time. This system is user-friendly.

Creating form field to register a new member as shown in the image below.

Here's the source code of the image above.

1. <form
   
   class
   
   =
   
   "form-horizontal"
   
   method
   
   =
   
   "POST"
   
   >
   
2. 
   
3. <div
   
   class
   
   =
   
   "control-group"
   
   >
   
4. <label
   
   class
   
   =
   
   "control-label"
   
   for
   
   =
   
   "inputEmail"
   
   >
   
   FirstName</
   
   label
   
   >
   
5. <div
   
   class
   
   =
   
   "controls"
   
   >
   
6. <input
   
   type
   
   =
   
   "text"
   
   class
   
   =
   
   "span4"
   
   name
   
   =
   
   "firstname"
   
   id
   
   =
   
   "inputEmail"
   
   placeholder=
   
   "FirstName"
   
   autofocus=
   
   "autofocus"
   
   required>
   
7. </
   
   div
   
   >
   
8. </
   
   div
   
   >
   
9. 
   
10. <div
    
    class
    
    =
    
    "control-group"
    
    >
    
11. <label
    
    class
    
    =
    
    "control-label"
    
    for
    
    =
    
    "inputEmail"
    
    >
    
    LastName</
    
    label
    
    >
    
12. <div
    
    class
    
    =
    
    "controls"
    
    >
    
13. <input
    
    type
    
    =
    
    "text"
    
    class
    
    =
    
    "span4"
    
    name
    
    =
    
    "lastname"
    
    id
    
    =
    
    "inputEmail"
    
    placeholder=
    
    "LastName"
    
    required>
    
14. </
    
    div
    
    >
    
15. </
    
    div
    
    >
    
16. 
    
17. <div
    
    class
    
    =
    
    "control-group"
    
    >
    
18. <label
    
    class
    
    =
    
    "control-label"
    
    for
    
    =
    
    "inputEmail"
    
    >
    
    Age</
    
    label
    
    >
    
19. <div
    
    class
    
    =
    
    "controls"
    
    >
    
20. <input
    
    type
    
    =
    
    "text"
    
    class
    
    =
    
    "span1"
    
    name
    
    =
    
    "age"
    
    id
    
    =
    
    "inputEmail"
    
    placeholder=
    
    "Age"
    
    required>
    
21. </
    
    div
    
    >
    
22. </
    
    div
    
    >
    
23. 
    
24. <div
    
    class
    
    =
    
    "control-group"
    
    >
    
25. <label
    
    class
    
    =
    
    "control-label"
    
    for
    
    =
    
    "inputEmail"
    
    >
    
    Gender</
    
    label
    
    >
    
26. <div
    
    class
    
    =
    
    "controls"
    
    >
    
27. <select
    
    class
    
    =
    
    "span2"
    
    name
    
    =
    
    "gender"
    
    required>
    
28. <option
    
    >
    
    Male</
    
    option
    
    >
    
29. <option
    
    >
    
    Female</
    
    option
    
    >
    
30. </
    
    select
    
    >
    
31. </
    
    div
    
    >
    
32. </
    
    div
    
    >
    
33. 
    
34. <div
    
    class
    
    =
    
    "control-group"
    
    >
    
35. <label
    
    class
    
    =
    
    "control-label"
    
    for
    
    =
    
    "inputEmail"
    
    >
    
    Address</
    
    label
    
    >
    
36. <div
    
    class
    
    =
    
    "controls"
    
    >
    
37. <input
    
    type
    
    =
    
    "text"
    
    class
    
    =
    
    "span4"
    
    name
    
    =
    
    "address"
    
    id
    
    =
    
    "inputEmail"
    
    placeholder=
    
    "Address"
    
    required>
    
38. </
    
    div
    
    >
    
39. </
    
    div
    
    >
    
40. 
    
41. <div
    
    class
    
    =
    
    "control-group"
    
    >
    
42. <label
    
    class
    
    =
    
    "control-label"
    
    for
    
    =
    
    "inputEmail"
    
    >
    
    Email Adress</
    
    label
    
    >
    
43. <div
    
    class
    
    =
    
    "controls"
    
    >
    
44. <input
    
    type
    
    =
    
    "text"
    
    class
    
    =
    
    "span4"
    
    name
    
    =
    
    "email"
    
    id
    
    =
    
    "inputEmail"
    
    placeholder=
    
    "Email Address"
    
    required>
    
45. </
    
    div
    
    >
    
46. </
    
    div
    
    >
    
47. 
    
48. <div
    
    class
    
    =
    
    "control-group"
    
    >
    
49. <label
    
    class
    
    =
    
    "control-label"
    
    for
    
    =
    
    "inputEmail"
    
    >
    
    Contact Number</
    
    label
    
    >
    
50. <div
    
    class
    
    =
    
    "controls"
    
    >
    
51. <input
    
    type
    
    =
    
    "text"
    
    class
    
    =
    
    "span4"
    
    name
    
    =
    
    "c_number"
    
    id
    
    =
    
    "inputEmail"
    
    placeholder=
    
    "Contact Number"
    
    required>
    
52. </
    
    div
    
    >
    
53. </
    
    div
    
    >
    
54. 
    
55. <div
    
    class
    
    =
    
    "control-group"
    
    >
    
56. <div
    
    class
    
    =
    
    "controls"
    
    >
    
57. <button
    
    type
    
    =
    
    "submit"
    
    name
    
    =
    
    "submit"
    
    class
    
    =
    
    "btn btn-primary"
    
    ><i
    
    class
    
    =
    
    "icon-save icon-large"
    
    ></
    
    i
    
    >
    
    Register Member</
    
    button
    
    >
    
58. </
    
    div
    
    >
    
59. </
    
    div
    
    >
    
60. 
    
61. </
    
    form
    
    >
    

Creating Log In Form for the admin as shown in the image below.

Here's the source code of the image above.

1. <form
   
   class
   
   =
   
   "form-horizontal"
   
   method
   
   =
   
   "POST"
   
   >
   
2. <div
   
   class
   
   =
   
   "control-group"
   
   >
   
3. <label
   
   class
   
   =
   
   "control-label"
   
   for
   
   =
   
   "inputEmail"
   
   >
   
   Username</
   
   label
   
   >
   
4. <div
   
   class
   
   =
   
   "controls"
   
   >
   
5. <input
   
   type
   
   =
   
   "text"
   
   id
   
   =
   
   "inputEmail"
   
   name
   
   =
   
   "username"
   
   placeholder=
   
   "Username"
   
   autofocus=
   
   "autofocus"
   
   required>
   
6. </
   
   div
   
   >
   
7. </
   
   div
   
   >
   
8. <div
   
   class
   
   =
   
   "control-group"
   
   >
   
9. <label
   
   class
   
   =
   
   "control-label"
   
   for
   
   =
   
   "inputPassword"
   
   >
   
   Password</
   
   label
   
   >
   
10. <div
    
    class
    
    =
    
    "controls"
    
    >
    
11. <input
    
    type
    
    =
    
    "password"
    
    id
    
    =
    
    "inputPassword"
    
    name
    
    =
    
    "password"
    
    placeholder=
    
    "Password"
    
    required>
    
12. </
    
    div
    
    >
    
13. </
    
    div
    
    >
    
14. <div
    
    class
    
    =
    
    "control-group"
    
    >
    
15. <div
    
    class
    
    =
    
    "controls"
    
    >
    
16. 
    
17. <button
    
    type
    
    =
    
    "submit"
    
    name
    
    =
    
    "login"
    
    class
    
    =
    
    "btn btn-success"
    
    ><i
    
    class
    
    =
    
    "icon-signin"
    
    ></
    
    i
    
    >
    
    &nbsp;
    
    Login</
    
    button
    
    >
    
18. </
    
    div
    
    >
    
19. </
    
    div
    
    >
    
20. </
    
    form
    
    >
    

And, that's it. You have already this kind of system and you can use this in any kind of event to register the new participants. Hope that this tutorial will help you a lot.

Share us your thoughts and comments below. Thank you so much for dropping by and reading this tutorial post. For more updates, don’t hesitate and feel free to visit this website more often and please share this with your friends or email me at [email protected]. Practice Coding. Thank you very much.

Download