Assessment wanted for Form structure 1 skill test: haydee

task page: https://developer.mozilla.org/en-US/docs/Learn/Forms/Test_your_skills:_Form_structure

my work page:https://codepen.io/sophientaste-163-com/pen/oNGRzxp

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

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,
Michael

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