You can make web forms with HTML. HTML creates and organizes the different elements in a web form. Unfortunately, with HTML alone, the web form won't do anything! To get real action from a web form, you need to add an active programming language like JavaScript. That lesson will be a little later in this Switchback. Meanwhile, here is some sample code to create an HTML web form.

<!DOCTYPE html>
<html>
<body>

<h2>HTML Form Example</h2>

<form>
  First name:</br>
  <input type="text" id="fname" name="first_name"></br></br>
  Last name:<br>
  <input type="text" id="lname" name="last_name"></br></br>
  <input type="submit" value="Submit">
</form> 


</body>
</html>

Let's explain what some of these tags are doing.

<form> ... </form> - defines the beginning and end of the form.

<input type = "text" ... - creates a textbox for user input.

<input type = "subnit" ... - creates a button.

</br> - a quick and easy way to create white space between form elements. We will eventually learn better ways to do this with CSS,

Direct Vertical Ascent

Want to climb higher, quicker in web design with HTML? Consider these options:

Cut the Switchback

Make a Dropdown Menu - HTML

Self-study

https://www.w3schools.com/html/default.asp

Take a course at North Seattle College

Continuing Education: https://catalog.mindedge.com/northseattle/courses/1675/html-for-web-design

For-Credit Course: IT 161 Web Authoring 1

Backtrack

Want to review the previous lesson in this vertical?

Link to a Second Web Page - HTML