Form not working

Hi everyone. This is my first time using this forum and I am very new with coding. I am doing a personal project to create a HTML form and then hopefully use JavaScript to then deal with the input. Currently just putting together my very basic form before I add to it… using it as a learning exercise.

So far so good although one of my form elements doesn’t seem to be working and I can’t understand why that is… it’s the highlighted part!


what do you mean by not working? What do you expect that is not happening?

can you also copy paste your html code to the forum, so we can actually run the code. Makes it a lot easier to help

Your issues are the result of not closing the <select> tag on your first question. Add </select> after your last option. Then close of the section </section>.

<section> first question
        option 1
        option 2
<section> second question
         option 1
         option 2

You really need to look into your starting and closing tags and proper indentation.

                <!--Type of panel - i.e. roof/wall -->
                <section class="panel-type">
                    <label for="type">What type of panel are they lifting?</label>
                    <select name="type" id="type">
                            <option value="Please choose an option">Please choose an option</option>
                            <option value="Roof">Roof</option>
                            <option value="Wall">Wall</option>
                            <option value="Roof-Wall">Roof & Wall</option>
                            <option value="Structural Deck / Floor Tray">Structural Deck / Floor Tray</option>
                            <option value="Glass">Glass</option>
                            <option value="Gutter">Gutter</option>

                <!--Panel manufacturer-->
                <section class="manufacturer">
                        <label for="type">What is the panle manufacturer?</label>
                        <select name="manufacturer" id="manufacturer">
                                <option value="Please choose an option">Please choose an option</option>
                                <option value="Kingspan">Kingspan</option>
                                <option value="TATA">TATA</option>
                                <option value="Joriside">Joriside</option>
                                <option value="Steadmans">Steadmans</option>
                                <option value="Eurobond">Eurobond</option>
                                <option value="Arcelor Mittal">Arcelor Mittal</option>
                                <option value="Isoclad">Isoclad</option>
                                <option value="Ruuki">Ruuki</option>
                                <option value="Generic PIR">Generic PIR</option>
                                <option value="Generic Mineral Wool">Generic Mineral Wool</option>

                    <!--Kingspan panel types-->
                    <section class="kingspan">
                            <label for="type">What type of panel is it?</label>
                            <select name="kingspan" id="kingspan">
                                    <option value="Please choose an option">Please choose an option</option>
                                    <option value="KS1000 RW">Kingspan</option>
                                    <option value="KS1000 MR">TATA</option>
                                    <option value="KS1000 TD">Joriside</option>
                                    <option value="KS1000 CS">Steadmans</option>
                                    <option value="KS1000 ">Eurobond</option>

                <!--Orientation of wall panel-->
                <section class="panel-orientation">
                        <label for="orientation">What orienation are the wall panels?</label>
                        <select name="orientation" id="orientation">
                                <option value="Please choose an option">Please choose an option</option>
                                <option value="Vertical">Vertical</option>
                                <option value="Horizontal">Horizontal</option>
                <!-- Length of panel-->
                <section class="panel-length">
                    <label for="panel-length">What length are the panels?</label>
                    <input type required="number" name="panel-length" id="panel-length">

                <!-- Width of panel-->
                <section class="panel-width">
                    <label for="panel-width">What width are the panels?</label>
                    <input type required="number" name="panel-width" id="panel-width">

                <!-- Thickness of panel-->
                <section class="panel-thickness">
                    <label for="panel-thickness">What thickness are the panels?</label>
                    <input type ="number" name="panel-thickness" id="panel-thickness">

                    <!-- Pitch of roof panel-->
                <section class="panel-pitch">
                        <label for="panel-pitch">What pitch are the roof panels?</label>
                        <input type required="number" name="panel-pitch" id="panel-pitch">



I am hoping to achieve the following:

4 x drop down elements - which is where it seems not to be working
4 x number elements - appear to be working fine

Thanks for this note - something I am trying to remember to do. Think I have tidied it up in the code above… please prod me if I havent!

1 Like

You are still not closing off your select elements.

Ahhhh got you! - I mis-read and thought you had mentioned sections (not select elements)!

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