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.

Teacher Notes

Teachers! Did you use this instructable in your classroom?
Add a Teacher Note to share how you incorporated it into your lesson.

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.

Be the First to Share

    Recommendations

    • LED Strip Speed Challenge

      LED Strip Speed Challenge
    • Sculpting Challenge

      Sculpting Challenge
    • Clocks Contest

      Clocks Contest

    2 Discussions

    0
    Zjomi
    Zjomi

    Tip 11 days 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?