Creating a Web Form

Introduction: Creating a Web Form

This is a simple instruct on how to make a web form. This would be a small intro on how to make website and how to put content on them and what can be expanded on in the future.

Step 1: Open Notepad

On the search on the task bar, type in notepad and open the application.

Step 2: Save the File As Index.html

On notepad, click the "File", then "Save As." When the new window pops up type in "index.html" and make sure the save type is under "All Files." Save this file in your documents folder.

Step 3: Type a Standard Html Page's Format

Type in the following:

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>


<body>

</body>

</html>

Step 4: Give the Page a Name and Create the Form

Within the title tag, give the page a name (maybe FORM)

To create the form, type in the following inside the body tag:

<form>

</form>

Step 5: Add Fields to the Form

After you type the form tag, add the following inside of it:

First Name:

Last Name:

Email:

Phone Number:

Step 6: Go to Your Documents Folder and Open the Web Page

Open your file explorer and open the documents folder. Find the document and open it in a browser of your choice.

1 Person Made This Project!

Recommendations

  • Metal Contest

    Metal Contest
  • Make it Fly Challenge

    Make it Fly Challenge
  • Backyard Contest

    Backyard Contest

3 Comments

0
ameysadhu
ameysadhu

10 months ago on Step 6

Hi, Thanks for Simple tips, where can i find the data filled in the same form.

0
Zjomi
Zjomi

Tip 1 year ago

I made a form, looks everything nice, but when I clicked Submit button, where did data go? Where can I reach sent data? Oh yes, and I don`t remember creating Submit button in wordpad document?