Creating a Web Form

by StephonB3 in Circuits > Websites

32452 Views, 7 Favorites, 0 Comments

Creating a Web Form

front.PNG

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.

Open Notepad

IMG_20180917_231622.jpg

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

Save the File As Index.html

saveas.PNG

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.

Type a Standard Html Page's Format

basic.PNG

Type in the following:

<!DOCTYPE html>

<html>

<head>

<title></title>

</head>


<body>

</body>

</html>

Give the Page a Name and Create the Form

form.PNG

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>

Add Fields to the Form

fields.PNG

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

First Name:

Last Name:

Email:

Phone Number:

Go to Your Documents Folder and Open the Web Page

indicate.PNG
front.PNG

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