Final Code Preview Different from Code Along Example #784
Description
MDN URL
https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Your_first_form
What specific section or headline is this issue about?
Basic form styling
What information was incorrect, unhelpful, or incomplete?
The code on the live preview linking to first form html in the Basic Form Styling section displays the below code
<form action="/my-handling-form-page" method="post">
<ul>
<li>
<label for="name">Name:</label>
<input type="text" id="name" name="user_name" />
</li>
<li>
<label for="mail">E-mail:</label>
<input type="email" id="mail" name="user_mail" />
</li>
<li>
<label for="msg">Message:</label>
<textarea id="msg" name="user_message"></textarea>
</li>
<li class="button">
<button type="submit">Send your message</button>
</li>
</ul>
</form>But coding along from the previous sections shows the below code
<form action="/my-handling-form-page" method="post">
<p>
<label for="name">Name:</label>
<input type="text" id="name" name="user_name" placeholder="Your name"/>
</p>
<p>
<label for="mail">Email:</label>
<input type="email" id="mail" name="user_email" placeholder="you@example.com"/>
</p>
<p>
<label for="msg">Message:</label>
<textarea id="msg" name="user_message"></textarea>
</p>
<p class="button">
<button type="submit">Send your message</button>
</p>
</form>Shows that the code along is not in sync with the final example at the beginning of the
What did you expect to see?
I'm seeing this
instead of this from following along the code
Do you have any supporting links, references, or citations?
No response
Do you have anything more you want to share?
No response
MDN metadata
Page report details
- Folder:
en-us/learn_web_development/extensions/forms/your_first_form - MDN URL: https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Your_first_form
- GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/learn_web_development/extensions/forms/your_first_form/index.md
- Last commit: mdn/content@5b20f5f
- Document last modified: 2024-12-19T15:37:45.000Z