Firstly, let’s get one thing straight! If you are making modifications to a theme, please do it via a child theme (WordPress Codex – Child Themes). The good people of WordPress will love you for it and send you a WordPress Unicorn for your birthday!

Here is how I added that feature to my the-bootstrap child theme.

Adding The Function

In your child theme functions.php file I added the following code.

// Adding Footer Widgets Function
function footer_widgets()  {
  register_sidebar(array(
    'name'          => __( 'Footer 1', 'the-bootstrap' ),
    'id'            => 'footer-1',
    'before_widget' => '<aside class="widget well %2$s" id="%1$s">',
    'after_widget'  => '</aside>',
    'before_title'  => '<h2 class="widget-title">',
    'after_title'   => '</h2>',
  ) );

  register_sidebar(array(
    'name'          => __( 'Footer 2', 'the-bootstrap' ),
    'id'            => 'footer-2',
    'before_widget' => '<aside class="widget well %2$s" id="%1$s">',
    'after_widget'  => '</aside>',
    'before_title'  => '<h2 class="widget-title">',
    'after_title'   => '</h2>',
  ) );

  register_sidebar(array(
    'name'          => __( 'Footer 3', 'the-bootstrap' ),
    'id'            => 'footer-3',
    'before_widget' => '<aside class="widget well %2$s" id="%1$s">',
    'after_widget'  => '</aside>',
    'before_title'  => '<h2 class="widget-title">',
    'after_title'   => '</h2>',
  ) );
}
// Hook The 'widgets_init' Action
add_action( 'widgets_init', 'footer_widgets', 11);

A few things to note if you are not familiar with functions or adding new sidebars:

• I renamed the function for this example, but I think it is good practice to name your functions so they are unique.  This will help avoid clashes with other plugins/functions etc. For example, use could your name as part of the function. You will also need to change the function name on line 13 as well, but Line 2 would be: function yourname_footer_widgets() {
• Line 3 to 10, line 12 to 19 and line 21 to 28 is a little repetitive, but this will give you 3 new widget areas. You can see that the ‘name’ and ‘id’ change accordingly for each new widget area.
• In the first array of registering a sidebar, take a look at line 6 to 9. This will give your widgets the standard HTML markup of the sidebar widgets, makes for easy styling.
• Line 13 adds the function. If you changed your function name, you will need to change ‘footer_widgets’ to the new name, eg, ‘yourname_footer_widgets’
• I also added a priority of 11, in your widget area this will put your new widget boxes under the standard ones. I think it just makes it a little neater considering they are footer widgets.

Calling Your New Widgets In The Footer

Now you can call your new widgets in your footer.php file of your child theme. I wanted 3 widget areas so using the Twitter Bootstrap markup, I created a div with a class=”span12″, then placed each sidebar/widget in its own div with a class=”span4″. Remember they need to add up to 12 (span4 x 3 new widget areas = span12).

<div id="footer-widget-area" class="span12">
  <div class="footer-widgets-1 span4">
    <?php dynamic_sidebar( 'footer-1' ); ?>
  </div>
  <div class="footer-widgets-2 span4">
    <?php dynamic_sidebar( 'footer-2' ); ?>
  </div>
  <div class="footer-widgets-3 span4">
    <?php dynamic_sidebar( 'footer-3' ); ?>
  </div>
</div><!-- footer-widget-area ends -->

You can see that I called footer-1 first so it will be on the left, then 2 and 3. If you added extra sidebars/widget areas or registered less, you will need to change the above HTML to match.

It is up to you where in the footer.php file you call your widgets, I placed my footer widget area just above the div that holds the site-generator id.

The post How To Add Footer Widgets To The-Bootstrap Theme appeared first on Bradley Davis.

I have had my own business website in production for months to take it to a responsive layout, but development for friends and clients, uni and trying to make a few dollars has always had it on the back burner. But not any more, it is out there running wild with other WordPress powered themes on the interwebs.

Check it out or click the link below. Try it on your tablet or smartphone to see how the site responds to different devices and makes it easy to use/consume and please leave any feedback in the comments below.

Visit website here

The post Sixth Sense Marketing’s New Responsive WordPress Site appeared first on Bradley Davis.

Built on Thesis (DIY Themes), this is its latest look:

Visit Niseko Webzine: www.nisekowebzine.com

The post The Latest Look For Niseko Webzine – Japan appeared first on Bradley Davis.

The task:

• Read in a file containing class availability
• Display a class timetable
• Display session times, maximum class size, how many available spots in the class (from file)
• Provide a channel for the user to book a the class
• If a booking is made update the details that are output to the class file.

To keep things simple, I decided to display the timetable in the main content area of the website and place a booking form in the sidebar that contained:

• Field – Name
• Field – Activity – Drop down box where you can select the activity, eg, Personal Training session
• Field – Session Day & Time – Drop down box that listed the day and session time, eg, Monday – 6.30 to 7.30am
• Button – Make A Booking

The PHP To Read In The File, Check & Output The File

<?php

// Read file in for personal training classes
$file = fopen("activity-pt.txt", "r");
$ptDayTime = array();

while (!feof($file)) {
   $ptDayTime[] = fgets($file);
}

// Read file in for aerobics classes
$file = fopen("activity-ab.txt", "r");
$abDayTime = array();

while (!feof($file)) {
   $abDayTime[] = fgets($file);
}

// Check form
if ($_POST['submit']) {

// Variables
$ptformName = $_POST['ptFormName']; 
$formActivity = $_POST['formActivity'];
$formDayTime = $_POST['formDayTime'];
$count = 0;

  // Check name is selected
	if (empty($_POST['ptFormName'])){
	  echo "<p>Please enter your name!</p>";
	} else {
	  $ptFormName = $_POST['ptFormName'];
		$count++;
	}
	
	// Checks activity is selected
	if ($_POST['formActivity'] == 'null') {
	  echo "<p>Please select your required activity</p>";
	} else {
	  $formActivity = $_POST['formActivity'];
		$count++;
	}
	
	// Checks day and time is selected
	if ($_POST['formDayTime'] == 'null') {
	  echo "<p>Please select your session day and time!</p>";
	} else {
	  $formDayTime = $_POST['formDayTime'];
		$count++;
	}
}

// Personal Training Successful booking
if ($count > 2 && $formActivity == 'pt' && $ptDayTime[$formDayTime] < 11) {
$ptDayTime[$formDayTime] = $ptDayTime[$formDayTime] + 1;
$ptOutputString = $ptDayTime[0]."\n"
	        .$ptDayTime[1]."\n"
		.$ptDayTime[2]."\n"
		.$ptDayTime[3]."\n"
		.$ptDayTime[4]."\n"
		.$ptDayTime[5]."\n"
		.$ptDayTime[6]."\n"
		.$ptDayTime[7]."\n"
		.$ptDayTime[8]."\n"
		.$ptDayTime[9]."\n"
		.$ptDayTime[10]."\n"
		.$ptDayTime[11]."\n"
		.$ptDayTime[12]."\n"
		.$ptDayTime[13]."\n"
		.$ptDayTime[14]."\n"
		.$ptDayTime[15]."\n"
		.$ptDayTime[16]."\n"
		.$ptDayTime[17]."\n"
		.$ptDayTime[18]."\n"
		.$ptDayTime[19]."\n"
		.$ptDayTime[20]."\n";
		
  $pt = fopen("activity-pt.txt", "w");
	fwrite($pt, $ptOutputString);
	fclose($pt);
}

// Aerobics Successful booking
if ($count > 2 && $formActivity == 'ab' && $abDayTime[$formDayTime] < 11) {
$abDayTime[$formDayTime] = $abDayTime[$formDayTime] + 1;
$abOutputString = $abDayTime[0]."\n"
	        .$abDayTime[1]."\n"
		.$abDayTime[2]."\n"
		.$abDayTime[3]."\n"
		.$abDayTime[4]."\n"
		.$abDayTime[5]."\n"
		.$abDayTime[6]."\n"
		.$abDayTime[7]."\n"
		.$abDayTime[8]."\n"
		.$abDayTime[9]."\n"
		.$abDayTime[10]."\n"
		.$abDayTime[11]."\n"
		.$abDayTime[12]."\n"
		.$abDayTime[13]."\n"
		.$abDayTime[14]."\n"
		.$abDayTime[15]."\n"
		.$abDayTime[16]."\n"
		.$abDayTime[17]."\n"
		.$abDayTime[18]."\n"
		.$abDayTime[19]."\n"
		.$abDayTime[20]."\n";
		
  $ab = fopen("activity-ab.txt", "w");
	fwrite($ab, $abOutputString);
	fclose($ab);
}
?>

The Timetable HTML

				  <div id="content">
					<h1>Timetable, Bookings &amp; Availability</h1>
					<p>Feel free to make a booking and check availability</p>
					<h2>Personal Training</h2>
					<div id="timetable-pt">
					  <div id="days">
						  <div class="rowD">
							Day
							</div>
							<div class="row1">
							Monday
							</div>
							<div class="row2">
							Tuesday
							</div>
							<div class="row3">
							Wednesday
							</div>
							<div class="row4">
							Thursday
							</div>
							<div class="row5">
							Friday
							</div>
							<div class="row6">
							Saturday
							</div>
							<div class="row7">
							Sunday
							</div>
						</div><!-- #days ends -->
						<div id="session1">
							<div class="rowT1">
							Session Time<br/>
							6.30am - 7.30am<br/>
							Instructor: Jack D.
							</div>
							<div class="row1">
							Available: <?php $ans0 = 10 - $ptDayTime[0]; 
							  echo "$ans0";?> <br/>
							Max size: 10
							</div>
							<div class="row2">
							Available: <?php $ans1 = 10 - $ptDayTime[1]; 
							  echo "$ans1";?><br/>
							Max size: 10
							</div>
							<div class="row3">
							Available: <?php $ans2 = 10 - $ptDayTime[2]; 
							  echo "$ans2";?><br/>
							Max size: 10
							</div>
							<div class="row4">
							Available: <?php $ans3 = 10 - $ptDayTime[3]; 
							  echo "$ans3";?><br/>
							Max size: 10
							</div>
							<div class="row5">
							Available: <?php $ans4 = 10 - $ptDayTime[4]; 
							  echo "$ans4";?><br/>
							Max size: 10
							</div>
							<div class="row6">
							Available: <?php $ans5 = 10 - $ptDayTime[5]; 
							  echo "$ans5";?><br/>
							Max size: 10
							</div>
							<div class="row7">
							Available: <?php $ans6 = 10 - $ptDayTime[6]; 
							  echo "$ans6";?><br/>
							Max size: 10
							</div>
						</div><!-- #session1 ends -->
						
						<div id="session2">
							<div class="rowT2">
							Session Time<br/>
							12.30pm - 2.30pm<br/>
							Instructor: Jim B.
							</div>
							<div class="row1">
							Available: <?php $ans7 = 10 - $ptDayTime[7]; 
							  echo "$ans7";?><br/>
							Max size: 10
							</div>
							<div class="row2">
							Available: <?php $ans8 = 10 - $ptDayTime[8]; 
							  echo "$ans8";?><br/>
							Max size: 10
							</div>
							<div class="row3">
							Available: <?php $ans9 = 10 - $ptDayTime[9]; 
							  echo "$ans9";?><br/>
							Max size: 10
							</div>
							<div class="row4">
							Available: <?php $ans10 = 10 - $ptDayTime[10]; 
							  echo "$ans10";?><br/>
							Max size: 10
							</div>
							<div class="row5">
							Available: <?php $ans11 = 10 - $ptDayTime[11]; 
							  echo "$ans11";?><br/>
							Max size: 10
							</div>
							<div class="row6">
							Available: <?php $ans12 = 10 - $ptDayTime[12]; 
							  echo "$ans12";?><br/>
							Max size: 10
							</div>
							<div class="row7">
							Available: <?php $ans13 = 10 - $ptDayTime[13]; 
							  echo "$ans13";?><br/>
							Max size: 10
							</div>
						</div><!-- #session2 ends -->
						
						<div id="session3">
							<div class="rowT3">
							Session Time<br/>
							6.30 - 7.30<br/>
							Instructor: Bundy B.
							</div>
							<div class="row1">
							Available: <?php $ans14 = 10 - $ptDayTime[14]; 
							  echo "$ans14";?><br/>
							Max size: 10
							</div>
							<div class="row2">
							Available: <?php $ans15 = 10 - $ptDayTime[15]; 
							  echo "$ans15";?><br/>
							Max size: 10
							</div>
							<div class="row3">
							Available: <?php $ans16 = 10 - $ptDayTime[16]; 
							  echo "$ans16";?><br/>
							Max size: 10
							</div>
							<div class="row4">
							Available: <?php $ans17 = 10 - $ptDayTime[17]; 
							  echo "$ans17";?><br/>
							Max size: 10
							</div>
							<div class="row5">
							Available: <?php $ans18 = 10 - $ptDayTime[18]; 
							  echo "$ans18";?><br/>
							Max size: 10
							</div>
							<div class="row6">
							Available: <?php $ans19 = 10 - $ptDayTime[19]; 
							  echo "$ans19";?><br/>
							Max size: 10
							</div>
							<div class="row7">
							Available: <?php $ans20 = 10 - $ptDayTime[20]; 
							  echo "$ans20";?><br/>
							Max size: 10
							</div>
						</div><!-- #session3 ends -->
					</div><!-- #timetable-pt ends -->
					</form><!-- Registration Form Ends -->
					
					<h3>Aerobics</h3>
					<div id="timetable-ab">
						<div id="days">
					    <div class="rowD">
						  Day
						  </div>
						  <div class="row1">
						  Monday
						  </div>
						  <div class="row2">
						  Tuesday
						  </div>
						  <div class="row3">
						  Wednesday
						  </div>
					    <div class="row4">
						  Thursday
						  </div>
						  <div class="row5">
						  Friday
						  </div>
						  <div class="row6">
						  Saturday
						  </div>
						  <div class="row7">
						  Sunday
						  </div>
						</div><!-- #days ends -->
						<div id="session1">
							<div class="rowT1">
							Session Time<br/>
							6.30am - 7.30am<br/>
							Instructor: Bundy B.
							</div>
							<div class="row1">
							Available: <?php $abAns0 = 10 - $abDayTime[0]; 
							  echo "$abAns0";?><br/>
							Max. size: 10
							</div>
							<div class="row2">
							Available: <?php $abAns1 = 10 - $abDayTime[1]; 
							  echo "$abAns1";?><br/>
							Max. size: 10
							</div>
							<div class="row3">
							Available: <?php $abAns2 = 10 - $abDayTime[2]; 
							  echo "$abAns2";?><br/>
							Max. size: 10
							</div>
							<div class="row4">
							Available: <?php $abAns3 = 10 - $abDayTime[3]; 
							  echo "$abAns3";?><br/>
							Max. size: 10
							</div>
							<div class="row5">
							Available: <?php $abAns4 = 10 - $abDayTime[4]; 
							  echo "$abAns4";?><br/>
							Max. size: 10
							</div>
							<div class="row6">
							Available: <?php $abAns5 = 10 - $abDayTime[5]; 
							  echo "$abAns5";?><br/>
							Max. size: 10
							</div>
							<div class="row7">
							Available: <?php $abAns6 = 10 - $abDayTime[6]; 
							  echo "$abAns6";?><br/>
							Max. size: 10
							</div>
						</div><!-- #session1 ends -->
						
						<div id="session2">
							<div class="rowT2">
							Session Time<br/>
							12.30pm - 2.30pm<br/>
							Instructor: Jack D.
							</div>
							<div class="row1">
							Available: <?php $abAns7 = 10 - $abDayTime[7]; 
							  echo "$abAns7";?><br/>
							Max. size: 10
							</div>
							<div class="row2">
							Available: <?php $abAns8 = 10 - $abDayTime[8]; 
							  echo "$abAns8";?><br/>
							Max. size: 10
							</div>
							<div class="row3">
							Available: <?php $abAns9 = 10 - $abDayTime[9]; 
							  echo "$abAns9";?><br/>
							Max. size: 10
							</div>
							<div class="row4">
							Available: <?php $abAns10 = 10 - $abDayTime[10]; 
							  echo "$abAns10";?><br/>
							Max. size: 10
							</div>
							<div class="row5">
							Available: <?php $abAns11 = 10 - $abDayTime[11]; 
							  echo "$abAns11";?><br/>
							Max. size: 10
							</div>
							<div class="row6">
							Available: <?php $abAns12 = 10 - $abDayTime[12]; 
							  echo "$abAns12";?><br/>
							Max. size: 10
							</div>
							<div class="row7">
							Available: <?php $abAns13 = 10 - $abDayTime[13]; 
							  echo "$abAns13";?><br/>
							Max. size: 10
							</div>
						</div><!-- #session2 ends -->
						
						<div id="session3">
							<div class="rowT3">
							Session Time<br/>
							6.30 - 7.30<br/>
							Instructor: Jim B.
							</div>
							<div class="row1">
							Available: <?php $abAns15 = 10 - $abDayTime[15]; 
							  echo "$ans15";?><br/>
							Max. size: 10
							</div>
							<div class="row2">
							Available: <?php $abAns16 = 10 - $abDayTime[16]; 
							  echo "$ans16";?><br/>
							Max. size: 10
							</div>
							<div class="row3">
							Available: <?php $abAns17 = 10 - $abDayTime[17]; 
							  echo "$ans17";?><br/>
							Max. size: 10
							</div>
							<div class="row4">
							Available: <?php $abAns18 = 10 - $abDayTime[18]; 
							  echo "$ans18";?><br/>
							Max. size: 10
							</div>
							<div class="row5">
							Available: <?php $abAns19 = 10 - $abDayTime[19]; 
							  echo "$ans19";?><br/>
							Max. size: 10
							</div>
							<div class="row6">
							Available: <?php $abAns20 = 10 - $abDayTime[20]; 
							  echo "$ans20";?><br/>
							Max. size: 10
							</div>
							<div class="row7">
							Available: <?php $abAns21 = 10 - $abDayTime[21]; 
							  echo "$abAns21";?><br/>
							Max. size: 10
							</div>
						</div><!-- #session3 ends -->
					</div><!-- #timetable-ab ends -->
					</div><!-- #content ends -->

The Sidebar Booking Form

					  <form id="pt-booking-form" action="bookings.php" method="post">
						<!-- Name -->
						<div class="pt_form_name">
							<span class="pt_form_label">Name:*</span><br/>
							<input name="ptFormName" type="text" value="<?php $ptFormName;?>" id="pt-form-input" /><br />
						</div><!-- Name Ends -->
						<!-- Activity -->
						<div class="form_activity">
						  <span class="pt_form_label">Activity:*</span><br/>
							<select name="formActivity" id="activity">
							  <option value="null" selected="selected">Choose Activity</option>
								<option value="pt">Personal Training</option>
								<option value="ab">Aerobics</option>
							</select>
						</div><!-- .Form activity ends -->
						
						<!-- Day & Time -->
						<div class="form_day_time">
						  <span class="pt_form_label">Session Day &amp; Time*</span><br/>
							<select name="formDayTime" id="dayTime">
							  <option value="null" selected="selected">Select Session Day &amp; Time</option>
								<option value="0">Monday 6.30am - 7.30am</option>
								<option value="7">Monday 12.30pm - 2.30pm</option>
								<option value="14">Monday 6.30pm - 7.30pm </option>
								
								<option value="1">Tuesday 6.30am - 7.30am</option>
								<option value="8">Tuesday 12.30pm - 2.30pm</option>
								<option value="15">Tuesday 6.30pm - 7.30pm </option>
								
								<option value="2">Wednesday 6.30am - 7.30am</option>
								<option value="9">Wednesday 12.30pm - 2.30pm</option>
								<option value="16">Wednesday 6.30pm - 7.30pm </option>
								
								<option value="3">Thursday 6.30am - 7.30am</option>
								<option value="10">Thursday 12.30pm - 2.30pm</option>
								<option value="17">Thursday 6.30pm - 7.30pm </option>
								
								<option value="4">Friday 6.30am - 7.30am</option>
								<option value="11">Friday 12.30pm - 2.30pm</option>
								<option value="18">Friday 6.30pm - 7.30pm </option>
								
								<option value="5">Saturday 6.30am - 7.30am</option>
								<option value="12">Saturday 12.30pm - 2.30pm</option>
								<option value="19">Saturday 6.30pm - 7.30pm </option>
								
								<option value="6">Sunday 6.30am - 7.30am</option>
								<option value="13">Sunday 12.30pm - 2.30pm</option>
								<option value="20">Sunday 6.30pm - 7.30pm </option>
							</select>
						</div>
						<!-- Submit -->
						<div>
						  <input type="submit" name="submit" value="Make A Booking" />
						</div>
						<!-- Submit Ends -->
						<p>* Required field</p>
            </form>

The post Booking A Class For A Gym Class appeared first on Bradley Davis.

The PHP validation Code

This code was placed above the start of the actual markup for the page.

<?php

if ($_POST['submit']) {

 // Variables
 $firstName = $_POST['firstN'];
 $secondName = $_POST['secondN'];
 $dob = $_POST['dob'];
 $email = $_POST['email'];
 $address = $_POST['address'];
 $membershipType = $_POST['membershipType'];
 $creditCardNumber = $_POST['creditCardNumber'];
 $creditCardExpiryM = $_POST['creditCardExpiryM'];
 $creditCardExpiryY = $_POST['creditCardExpiryY'];
 $membershipDuration = $_POST['membershipDuration'];
 $count = 0;

 // Form Validation
 if (empty($_POST['firstName'])) {
 echo "<p>Please enter your first name!</p>";
 } else {
 $firstName = $_POST['firstName'];
 $count++;
 }

if (empty($_POST['secondName'])) {
 echo "<p>Please enter your second name!</p>";
 } else {
 $secondName = $_POST['secondName'];
 $count++;
 }

 if (empty($_POST['dob'])) {
 // Do nothing
 } else {
 $dob = $_POST['dob'];
 }

 if (empty($_POST['gender'])) {
 // Do nothing
 } else {
 $gender = $_POST['gender'];
 }

 if (empty($_POST['email'])) {
 echo "<p>please enter an email address</p>";
 } else {
 if (isset($_POST['email']) == true && empty($_POST['email']) == false) {
 $email = $_POST['email'];
 if (filter_var($email, FILTER_VALIDATE_EMAIL) == true) {
 $count++;
 } else {
 echo "<p>Please enter a valid email</p>";
 }
 }
 }

 if (empty($_POST['address'])) {
 // Do nothing
 } else {
 $address = $_POST['address'];
 }

 if ($_POST['membershipType'] == 'null') {
 echo "<p>Please select a membership type</p>";
 } else {
 $membershipType = $_POST['membershipType'];
 $count++;
 }

 if (empty($_POST['creditCardNumber'])) {
 echo "<p>Please enter your credit card number!</p>";
 } else {
 $creditCardNumber = $_POST['creditCardNumber'];
 $count++;
 }

 if (empty($_POST['creditCardExpiryM'])) {
 echo "<p>Please enter your credit card expiry month!</p>";
 } else {
 $creditCardExpiryM = $_POST['creditCardExpiryM'];
 $count++;
 }

 if (empty($_POST['creditCardExpiryY'])) {
 echo "<p>Please enter your credit card expiry year!</p>";
 } else {
 $creditCardExpiryY = $_POST['creditCardExpiryY'];
 $count++;
 }

 if ($_POST['membershipDuration'] == 'null') {
 echo "<p>Please select a membership duration!</p>";
 } else {
 $membershipDuration = $_POST['membershipDuration'];
 $count++;
 }

 // Create the string to write to file
 $outputstring = "\n"
 .$firstName."\t"
 .$secondName."\t"
 .$dob."\t"
 .$gender."\t"
 .$email."\t"
 .$address."\t"
 .$membershipType."\t"
 .$creditCardNumber."\t"
 .$creditCardExpiryM."\t"
 .$creditCardExpiryY."\t"
 .$membershipDuration."\t";

if ($count >= 8) {
 // Write to file
 $fp = fopen("users.txt", "a");
 fwrite($fp, $outputstring . PHP_EOL);
 fclose($fp);

 header("Location: thank-you.php");
 exit;
 }
}
?>

The Form HTML

<!-- Registration Form -->
 <form action="register.php" method="post">
 <!-- First Name -->
 <div class="rego_first_name">
 <span class="rego_label">First Name:*</span>
 <input name="firstName" type="text" value="<?php $firstName;?>" id="firstname" /><br />
 </div><!-- First Name Ends -->

 <!-- Second Name -->
 <div class="rego_second_name">
 <span class="rego_label">Second Name:*</span>
 <input name="secondName" type="text" value="<?php $secondName;?>" id="secondname" />
 </div><!-- Second Name Ends -->

 <!-- DOB -->
 <div class="rego_dob">
 <span class="rego_label">Date Of Birth:</span>
 <input name="dob" type="text" value="<?php $dob;?>" id="dob" /><br />
 <br />
 </div>

 <!-- Gender -->
 <div class="rego_gender">
 <span class="rego_label">Gender: </span>
 <div id="rego_radio">
 <div class="rego_male">
 <input name="gender" type="radio" id="mgender" value="male" />
 <div id="rego_mgender_label">Male</div>
 </div>
 <!-- .rego_male ends -->
 <div class="rego_female">
 <input name="gender" type="radio" id="fgender" value="female" />
 <div id="rego_fgender_label">Female</div>
 </div>
 </div>
 </div><!-- Gender Ends -->

 <!-- Email -->
 <div class="rego_email">
 <span class="rego_label">Email:*</span>
 <input name="email" type="text" value="<?php $email;?>" id="rego_email" /><br />
 </div> <!-- Email Ends -->

 <!-- Address -->
 <div class="rego_address">
 <span class="rego_label">Address:</span>
 <textarea name="address" rows="5" cols="26" value="<?php $address;?>"></textarea><br/>
 </div><!-- Address Ends -->

 <!-- Membership Type -->
 <div class="rego_membership">
 <span class="rego_label">Membership Type:* </span>
 <select name="membershipType" id="membership">
 <option value="null" selected="selected">Choose a membership</option>
 <option value="bronze">Bronze</option>
 <option value="silver">Silver</option>
 <option value="gold">Gold</option>
 </select>
 </div><!-- Membership Type Ends -->

 <!-- Credit Card Number -->
 <div class="rego_ccn">
 <span class="rego_label">Credit Card Number:* </span>
 <input name="creditCardNumber" type="text" value="<?php $creditCardNumber;?>" id="ccn" />
 </div><!-- Credit Card Number Ends -->

 <!-- Card Expiry Date -->
 <div class="rego_cced">
 <span class="rego_label">Credit Card Expiry Date:*</span>
 <input name="creditCardExpiryM" type="text" value="<?php $creditCardExpiryM;?>" id="creditCardExpiryM" />
 (Month) / <!-- Don't remove - seperator for expiry date -->
 <input name="creditCardExpiryY" type="text" value="<?php $creditCardExpiryY;?>" id="creditCardExpiryY" /> (Year)
 </div><!-- Card Expiry Date Ends -->


 <!-- Membership Duration -->
 <div class="rego_membership">
 <span class="rego_label">Duration of Membership:*</span>
 <select name="membershipDuration" id="duration">
 <option value="null" selected="selected">Choose a duration</option>
 <option value="Annual">Annual</option>
 <option value="5 Years">5 Years</option>
 <option value="10 Years">10 Years</option>
 <option value="Lifetime">Lifetime</option>
 </select>
 </div>
 <!-- Membership Duration Ends -->
 <!-- Submit -->
 <div>
 <input type="submit" name="submit" value="Submit" />
 </div>
 <!-- Submit Ends -->
 </form><!-- Registration Form Ends -->

The post Registration Form With PHP Validation appeared first on Bradley Davis.