Form Basics: Add live examples for elements

[ghost]

Checks

• [x] This is not a duplicate of an existing issue (please have a look through our open issues list to make sure)
• [x] I have thoroughly read and understand The Odin Project Contributing Guide
• [ ] Would you like to work on this issue?

Describe your suggestion

This lesson is extremely long, so I found it difficult to retain ALL the information that there is, and what made it more difficult is the lack of images or live examples for elements that are being introduced. I think that adding live examples for each element could help learners differentiate them, understand them better by allowing them to interact with them, and also make the lesson feel less like a giant wall of text.

Path

Node / JS, Ruby / Rails

Lesson Url

https://www.theodinproject.com/lessons/node-path-intermediate-html-and-css-form-basics

(Optional) Discord Name

yorupy

(Optional) Additional Comments

No response

[JoshDevHub]

Hello @yorupy, thank you for making this issue.

I'm going to reach out to our @TheOdinProject/html-css team and get their thoughts on what to do with your issue.

[github-actions[bot]]

This issue is stale because it has had no activity for the last 30 days.

[github-actions[bot]]

This issue is stale because it has had no activity for the last 30 days.

[01zulfi]

The learner should be coding along in their local environment. I don't there's a need to add images.