Event Registration System

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. Result 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. Result 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.

Add new comment