Assessment wanted for Form structure 1 skill test: haydee

task page:

my work page:

        <legend>Personal details</legend>
            <label for="name">Name:</label>
            <input type="text" id="name" name="name"> 
          <label for="age">Age:</label>
          <input type="number" id="age" name="age">
       <legend>Comment information</legend>
           <label for="comment">Comment:</label>
            <input type="text" id="comment" name="comment">
           <label for="email">Email:</label>
           <input type="email" id="email" name="email">
        <button type="submit">sumbit</button>

I would like to:

  1. style the form more beautifully
  2. tried to replace the input with textarea element when coding the comment, however, it seems the textarea usually goes wrong and i cannot even see the email space in the browser

Hi @Austin_Hart and welcome to the community :wave:

Great job on this first “Web forms” task :medal_sports:
You have fulfilled all three requirements.

You used <section> around the button. This tag can be removed. Having just <p> or <div> is fine. We would use <section> for running text that also has a title.

You will get your chance in the later tasks of the “Web forms” chapters :wink:

Unlike <input>, <textarea> needs an end tag. Something like this would work to get a basic textarea:

<textarea type="text" id="comment" name="comment"></textarea>

I hope you are enjoying the MDN courses and I’ll be happy to assess more of your work if you plan to continue. :slightly_smiling_face:

Have a nice day,

It is very kind of you to check my work and provide many useful suggestions. Frankly speaking, I am quite surprised.

Certainly, I will continue learning and hope that I can contribute to the commmunity

1 Like