BUILT MY FIRST SIMPLE FORM

Code Feedback
1

Hey everyone! Today, I challenged myself to build a simple form without checking my computer for help, and I actually did it! :tada:

This form may be simple, but it’s a huge milestone for me because I finally understand how elements work together and how to structure them properly. Seeing it appear exactly as I expected was an amazing feeling!

Here’s what I learned while building it:
:white_check_mark: How to structure a form with <fieldset>, <legend>, <input>, and <label>
:white_check_mark: How different elements interact inside a <form>
:white_check_mark: The importance of organizing elements properly for readability

I’m really proud of this small win and will keep experimenting to improve my skills. Next, I plan to build a more complex form and explore CSS styling.

Any feedback or tips from more experienced developers? Also, when did you feel like you had your first “aha!” moment in coding? Let’s share and inspire each other! :rocket:

#WebDevelopment #HTML #CodingJourney #BeginnerDev #LearningToCode

CODE SCREENSHOT
CODE SCREENSHOT392×172 10.3 KB

2

You may want to share your code if you want feedback on that

4

Never share code as an image please.

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

5 
<div>
<form>
<fieldset>
<legend>Personal Details</legend>
<label for="name">Name</label>
<input type="text" id="name" name="user_name">#

<br>

<legend>Contact Details</legend>
<label for="email">Email</label>
<input type="text" id="email" name="user_email">

<br>

<button type="submit">Submit</button>
</fieldset>
</form>
</div>
1 Like
6

do not use br to make space between elements, you should use your css for that

2 Likes
7

Yeah, the line break is meant to separate texts not elements, wow totally forgot, thank you!

8

it is specifically for text that goes on multiple lines but is a single entity, like an address

1 Like