Creating a Registration Form - Exercise

Contact Us or call 1-877-932-8228
Creating a Registration Form - Exercise

Creating a Registration Form

Duration: 15 to 25 minutes.

In this exercise, you will begin to create a registration form. The form will submit to a page on, which will simply "dump" the values entered into the form back to you.

The form should appear as follows:Registration Form

  1. Open Forms/Exercises/RegistrationForm.html for editing.
  2. Add a form to the page.
  3. Add the following input elements:
    • text: name and id should be "username"
    • password: name and id should be "pw"
    • hidden: name and id should be "emailMe"; value should be your email.
    • submit button: value should be "Register"
    • reset button
  4. When you are done, open the page in a browser, and fill out and submit the form. If successful, the processing page will display the values you entered.


<html lang="en">
<meta charset="UTF-8">
<title>Registration Form</title>
<h1>Registration Form</h1>
<form method="post" action="">
	<input type="hidden" name="emailMe" id="emailMe" value="">

	<label for="username">User name:</label>
	<input type="text" name="username" id="username" size="15">
	<label for="pw">Password:</label>
	<input type="password" name="pw" id="pw" size="15">
	<input type="submit" name="submitbutton" id="submitbutton" value="Register">
	<input type="reset" name="resetbutton" id="resetbutton">

Code Explanation