- 1
Open the text editing software application, such as Notepad.
- 2
Type the opening tag <html>.
- 3
Type the closing tag </html>. All Web pages written in HTML must contain an <html> opening tag and </html> closing tag.
- 4
Directly under the <html> opening tag, type the title opening tag <title>.
- 5
Type the title of your Web page that you want displayed across the top of the web browser, such as "Registration Form."
- 6
Type the title closing tag </title>.
- 7
The code so far should look like this:
<html>
<title>Registration Form</title>
</html>
- 8
Add a line after the closing </title> tag and type the opening <head> and closing </head> tags. Type your heading information between the opening and closing <head> tags. Your code should like this this:
<html>
<title>Registration Form</title>
<head>This is my Registration Form</head>
</html>
- 9
Add a line after the closing </head> tag and type the opening <body> and closing </body> tags. Between these two tags is where you will add the registration form code. So far your code will look like this:
<html>
<title>Registration Form</title>
<head>This is my Registration Form</head>
<body>
</body>
</html>
- 10
Insert a line following the <body> tag. Type:
<form action="http://www.your_url.com/your_form.php" method="post">.
You will need to set up with your hosting company to be able receive registration data through your website. Your code will look as follows:
<html>
<title>Registration Form</title>
<head>This is my Registration Form</head>
<body>
<form action="http://www.your_url.com/your_form.php" method="post">
</body>
</html>
- 11
Type the following information to create a text box for "Last Name."
<p>Last Name: <input type="text" name="Last Name" size="20">
- 12
Type the following information to create a text box for "First Name."
First Name: <input type="text" name="First Name" size="20"></p>
Press "Enter."
- 13
Type the following information to create a text box for "Address."
<p>Address: <input type="text" name="Address" size="50"></p>
Press "Enter."
- 14
Type the following information to create a drop down menu for "City."
<p>City: <select size="1" name="City">
<option>City 1</option>
<option>City 2</option>
<option>City 3</option>
</select></p>
Insert additional choices by inserting a blank line after "<option>City 3</option>" and typing <option>City 4</option>
Press "Enter" when you are finished adding all of the choices.
- 15
Type the following information to create a scrolling text box for "State."
<p>State: <textarea rows="3" name="State" cols="20">State 1
State 2
State 3
</textarea></p>
Insert additional choices by inserting a blank line after "State 3" and typing "State 4"
Press "Enter" when you are finished adding all of the choices.
- 16
Type the following information to create a checkbox.
<p>State Resident? Yes <input type="checkbox" name="State Resident" value="ON"></p>
Press "Enter."
- 17
Type the following information to create a radio button.
<p>XYZ County Resident? Yes <input type="radio" value="Co Resident" checked name="R1"></p>
Press "Enter."
- 18
Type the following information to create the submit and reset buttons.
<p><input type="submit" value="Submit" name="Submit"><input type="reset" value="Reset" name="Reset"></p>
Press "Enter."
- 19
Type the closing form tag </form>.
Your Code should look like this:
<html>
<title>Registration Form</title>
<head>This is my Registration Form</head>
<body>
<form action="http://www.your_url.com/your_form.php" method="post">
<p>Last Name: <input type="text" name="Last Name" size="20">
First Name: <input type="text" name="First Name" size="20"></p>
<p>Address: <input type="text" name="Address" size="50"></p>
<p>City: <select size="1" name="City">
<option>City 1</option>
<option>City 2</option>
<option>City 3</option>
</select></p>
<p>State: <textarea rows="3" name="State" cols="20">State 1
State 2
State 3
</textarea></p>
<p>State Resident? Yes <input type="checkbox" name="State Resident" value="ON"></p>
<p>XYZ County Resident? Yes <input type="radio" value="Co Resident" checked name="R1"></p>
<p><input type="submit" value="Submit" name="Submit"><input type="reset" value="Reset" name="Reset"></p>
</form>
</body>
</html>
- 20
Click "File" from the menu bar and then "Save as."
- 21
Enter the name of your Web page in the "file name" field adding .html to the end of your file name. It should look like this:
Webpagename.html
Click "Save."
- 22
Open any Internet browser software application.
Once the application is open, click "File" from the menu bar and then "Open File" from the drop-down menu. Locate the new Web page you created and click "Open."
The newly-created registration form will now be visible within the browser window, and you can see how your Web page and form will be displayed.
5/5/11
How to Make Registration Forms
Registration forms within websites are an efficient way to collect user and customer data. The data collected is sent via email to the webmaster or website owner. Registration forms are written in Hypertext Markup Language (HTML) and can be customized to meet the website owner's needs. Additionally, using forms prevents spam robots from accessing your email address and sending unwanted messages.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment