Introduction to PHP: Building the Form

Posted on 2014-08-14

6,643 Points

0 Comments

443 Views

2 Endorsements

Last Modified: 2014-09-11

Published

Experience Level: Beginner

5:07

Jason Baker

Follow

The viewer will learn how to create a basic form using some HTML5 and PHP for later processing.

Video Steps

1. Set up your basic HTML file. Open your form tag and set the method and action attributes.

<!DOCTYPE html>
<html>
	<head>
		<title>My first php script</title>
	</head>
	<body>
		<form method="post" action="process.php">

Open in new window

2. Set up your first few inputs one for the name and the gender.

A simple set of radio buttons will do here.

<label>Name: <input type="name" name="fullname" placeholder="Enter your name here."></label>
<label>Gender: <input type="radio" name="gender" value="M" checked>Male  <input type="radio" name="gender" value="F">Female</label>

Open in new window

3. Label the date of birth field, setup a few select boxes that will use PHP to loop through respectively to get the month, day and year.

<label>Birthday: <select name="month">
				<?php for($m=1; $m<=12; $m++){
							echo "<option value=".$m.">".$m."</option>";
				} ?>
				</select>/
				<select name="day">
				<?php for($d=1; $d<=31; $d++){
							echo "<option value=".$d.">".$d."</option>";
				} ?>
				</select>/
				<select name="year">
				<?php for($y=1880; $y<=2014; $y++){
							echo "<option value=".$y.">".$y."</option>";
				} ?></select>
			</label>

Open in new window

4. Set up a field for the email address.

<label>E-mail: <input type="email" name="emailaddy" placeholder="Enter your best email address."></label>

Open in new window

5. Label the randomized ID # as ID #. Set the variable for this ID number and put it into a hidden field.

<label>My ID #: <?php $nyid=rand(0,199999); echo $myid; ?>
			<input type="hidden" value="<?php echo $myid; ?>"></label>"][/step]
[step="6" title="Set your submit button and close out the form and page.

			<label><input type="submit" name="saveme" value="Send Profile"></label>
		</form>
	</body>
</html>

Open in new window

2

Author:Jason Baker

Title	Views	Activity
Introduction to CSS (Part 1)	80	2022-03-02
Introduction to HTML (Part 1)	112	2023-04-26
Introduction to jQuery (Part 2)	904	2022-03-02
On-Screen Display for CapsLock State (On or Off)	112	4d

Introduction to PHP: Building the Form

Video Steps

1. Set up your basic HTML file. Open your form tag and set the method and action attributes.

2. Set up your first few inputs one for the name and the gender.

3. Label the date of birth field, setup a few select boxes that will use PHP to loop through respectively to get the month, day and year.

4. Set up a field for the email address.

5. Label the randomized ID # as ID #. Set the variable for this ID number and put it into a hidden field.

Suggested Videos

Suggested Courses

Keep in touch with Experts Exchange