Text and other HTML tags don't display in preview

HTML-CSS
1

Hello folks. I am creating a form right now, and the display doesn’t show anything below the second fieldset. I must be doing something wrong but not sure what exactly. Kindly asking for help and advise. Please see the code below:

Certification project 1

Project form

Fill the following form:

Name: Email: Age: Please choose your form of identification:
Mr. Mrs. Other How have you heard about us?
2

Welcome to our forum,

I am really interested in giving you an advice but its not possible if I dont see the code. It would be amazing if you past your code in a preformatted text. You can do it by clicking in the writing area the </> button.

your code

Advise
Advise741×304 12.5 KB

3

Thank you so much! I never knew how to operate all of this. Hopefully, this time will be better.

<DOCTYPE html>
    <html lang="en">
      <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <link rel="stylesheet" href="styles.css"/>
      <title>Form 1</title>
      </head>
      <body>
        <h1 id="title">Project form</h1>
        <p id="description">Fill the following form:</p>
        <form id="survey-form">
          <fieldset>
            <label id="name-label">Name: <input id="name" type="text" placeholder="Enter your name" required></label>
          <label id="email-label">Email: <input id="email" type="email" placeholder="Enter your email" required></label>
          <label id="number-label">Age: <input id="number" type="number" min="13" max="120" placeholder="Enter your age"></label>
          <label id="name-type">Please choose your form of identification: <br><input type="radio" name="name-type" class="inline" value="name">Mr.</label>
          <label id="name-type"><input type="radio" name="name-type" class="inline" value="name">Mrs.</label>
          <label id="name-type"><input type="radio" name="name-type" class="inline" value="name">Other</label>
          <label for="dropdown">How have you heard about us? <select id="dropdown"></label>
           <option value="">Choose one</option>
           <option value="1">Option 1</option>
           <option value="2">Option 2</option>
           <option value="3">Option 3</option>
           <option value="4">Option 4</option>
          <label for="interest"><input type="checkbox" value="interests">
          <label for="interest"><input type="checkbox" value="interests">
          <textarea id="textarea" placeholder="I like it..." rows="3" cols="30">
            </textarea>
            <input type="submit" id="submit">
            </form>
            </body>
            </html>
4

If I understood you correctly, you want to have your 4 options inside your selection. So you have to put all the <option></option> elements inside your <select></select> element or lets say between the opening & closing tag.

5

Thank you. Must have not asked the question clearly.
The thing is, the display does not show other html elements (not even paragraphs) below the second fieldset. I tried adding another one but nothing happens.

6

sorry but I dont see a second fieldset, I only see one fieldset.

7

Right. Sorry. Deleted that one to have the project accepted. Here is the corrected version:

<DOCTYPE html>
    <html lang="en">
      <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <link rel="stylesheet" href="styles.css"/>
      <title>Form 1</title>
      </head>
      <body>
        <h1 id="title">Project form</h1>
        <p id="description">Fill the following form:</p>
        <form id="survey-form">
          <fieldset>
            <label id="name-label">Name: <input id="name" type="text" placeholder="Enter your name" required></label>
          <label id="email-label">Email: <input id="email" type="email" placeholder="Enter your email" required></label>
          <label id="number-label">Age: <input id="number" type="number" min="13" max="120" placeholder="Enter your age"></label>
          <label id="name-type">Please choose your form of identification: <br><input type="radio" name="name-type" class="inline" value="name">Mr.</label>
          <label id="name-type"><input type="radio" name="name-type" class="inline" value="name">Mrs.</label>
          <label id="name-type"><input type="radio" name="name-type" class="inline" value="name">Other</label>
          <label for="dropdown">How have you heard about us? <select id="dropdown"></label>
           <option value="">Choose one</option>
           <option value="1">Option 1</option>
           <option value="2">Option 2</option>
           <option value="3">Option 3</option>
           <option value="4">Option 4</option>
          <label for="interest"><input type="checkbox" value="interests">
          <label for="interest"><input type="checkbox" value="interests">
          <textarea id="textarea" placeholder="I like it..." rows="3" cols="30">
            </textarea>
         <fieldset></fieldset>
         <fieldset></fieldset>
         <fieldset></fieldset>
            <input type="submit" id="submit">
            </form>
            </body>
            </html>

Hopefully, it’s clearer now. The display doesn’t show new fieldsets, even in Visual Studio Code.

8

weird … because if I copy your code, I see 3 more fieldsets in my preview.

advice2
advice2786×863 12.8 KB

did you try other browser for your preview as test?

9

Ah I understand your problem. You want a different fieldset outside your current fieldset. you have this current problem because you didnt close your first fieldset. there is a </fieldset> missing to close your first <fieldset>

sorry for my helping desire hahaha I am creating problems to solve your current problem. I wrote you a private message with the information how to create a helping thread properly. Hopefully the browser switch leads to the solution.

10

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.