Input submit button does not appear

First of all, I have never asked any questions about coding, so I hope it will be posed well.
I am trying to create a simple form and I tried to create an input button. It will not appear in the html, though. Could anyone advice?

Form a Story Form A Story Logo
<section id="main">
  <h1>Complete the Form -<br> Complete the Story!</h1>
  <hr>
  <!--Add your form below:-->
  <form action="/story.html" method="GET">"
    <label for="animal-1">Animal:</label>
  <input type="submit" value="Form My Story!">
    <input id="animal-1" type="text" name="animal-1" required>
    <br>
    
          </form>
</section>
4 Likes

Hello @zoomlane, and welcome to Codecademy!

First, start off with the button tag because you currently have no button!

Basic button: <button>This is text for button</button>

You also need somewhere to store the answers.

See this code for help. Iā€™m storing data on a website for this

Code:

<div id="qp_all2446496" style="width:100%;max-width:600px;"><STYLE>#qp_main2446496 .qp_btna:hover input {background:rgb(150,150,150)!important}</STYLE><div id="qp_main2446496" fp='178aD221-69' results=0 style="border-radius:6px;text-align:left;border:1px solid rgb(150,150,150);margin:0 auto;padding:10px;background:rgb(255,255,255);box-sizing:border-box"><div style="border-radius:6px;font-family:Arial;font-size:12px;font-weight:bold;background-color:rgb(44,44,44);color:rgb(255,255,255);margin-bottom:10px"><div style="padding:10px">Type an animal</div></div><form id="qp_form2446496" action="//www.poll-maker.com/results2446496x178aD221-69" method="post" target="_blank" style="display:inline;margin:0px;padding:0px"><div style="border-radius:6px"><input type=hidden name="qp_d2446496" value="43682.3378009236-43682.3377947495"><div style="display:block;font-family:Arial;font-size:12px;color:rgb(0,0,0);padding-top:5px;padding-bottom:5px;clear:both" class="qp_a" onClick="var c=this.getElementsByTagName('INPUT')[0]; if((!event.target?event.srcElement:event.target).tagName!='INPUT'){c.checked=(c.type=='radio'?true:!c.checked)};var i=this.parentNode.parentNode.parentNode.getElementsByTagName('INPUT');for(var k=0;k!=i.length;k=k+1){i[k].parentNode.parentNode.setAttribute('sel',i[k].checked?1:0)}"><span style="display:block;padding-left:30px;cursor:inherit"><input style="float:left;width:18px;margin-left:-25px;margin-top:-2px;padding:0px;height:18px;-webkit-appearance:radio;" name="qp_v2446496" type="radio" value="1" />Lion</span></div><div style="display:block;font-family:Arial;font-size:12px;color:rgb(0,0,0);padding-top:5px;padding-bottom:5px;clear:both" class="qp_a" onClick="var c=this.getElementsByTagName('INPUT')[0]; if((!event.target?event.srcElement:event.target).tagName!='INPUT'){c.checked=(c.type=='radio'?true:!c.checked)};var i=this.parentNode.parentNode.parentNode.getElementsByTagName('INPUT');for(var k=0;k!=i.length;k=k+1){i[k].parentNode.parentNode.setAttribute('sel',i[k].checked?1:0)}"><span style="display:block;padding-left:30px;cursor:inherit"><input style="float:left;width:18px;margin-left:-25px;margin-top:-2px;padding:0px;height:18px;-webkit-appearance:radio;" name="qp_v2446496" type="radio" value="2" />Tiger</span></div><div style="display:block;font-family:Arial;font-size:12px;color:rgb(0,0,0);padding-top:5px;padding-bottom:5px;clear:both" class="qp_a" onClick="var c=this.getElementsByTagName('INPUT')[0]; if((!event.target?event.srcElement:event.target).tagName!='INPUT'){c.checked=(c.type=='radio'?true:!c.checked)};var i=this.parentNode.parentNode.parentNode.getElementsByTagName('INPUT');for(var k=0;k!=i.length;k=k+1){i[k].parentNode.parentNode.setAttribute('sel',i[k].checked?1:0)}"><span style="display:block;padding-left:30px;cursor:inherit"><input style="float:left;width:18px;margin-left:-25px;margin-top:-2px;padding:0px;height:18px;-webkit-appearance:radio;" name="qp_v2446496" type="radio" value="3" />Bear</span></div><div style="display:block;font-family:Arial;font-size:12px;color:rgb(0,0,0);padding-top:5px;padding-bottom:5px;clear:both" class="qp_a" onClick="var c=this.getElementsByTagName('INPUT')[0]; if((!event.target?event.srcElement:event.target).tagName!='INPUT'){c.checked=(c.type=='radio'?true:!c.checked)};var i=this.parentNode.parentNode.parentNode.getElementsByTagName('INPUT');for(var k=0;k!=i.length;k=k+1){i[k].parentNode.parentNode.setAttribute('sel',i[k].checked?1:0)}"><span style="display:block;padding-left:30px;cursor:inherit"><input style="float:left;width:18px;margin-left:-25px;margin-top:-2px;padding:0px;height:18px;-webkit-appearance:radio;" name="qp_v2446496" type="radio" value="4" />Dolphin</span></div></div><div style="clear:both;text-align:left;margin:0 auto 0em auto"><a style="text-decoration:none" class="qp_btna" href="#"><input name="qp_b2446496" style="min-width:7em;padding:0.5em;margin-top:5px;margin-right:5px;border-radius:10px;border:1px solid rgb(150,150,150);font-family:Arial;font-size:12px;font-weight:bold;color:rgb(0,0,0);cursor:pointer;cursor:hand;background:rgb(200,200,200)" type="submit" btype="v" value="Vote" /></a><a style="text-decoration:none" class="qp_btna" href="#"><input name="qp_b2446496" style="min-width:7em;padding:0.5em;margin-top:5px;margin-right:5px;border-radius:10px;border:1px solid rgb(150,150,150);font-family:Arial;font-size:12px;font-weight:bold;color:rgb(0,0,0);cursor:pointer;cursor:hand;background:rgb(200,200,200)" type="submit" btype="r" value="Results" /></a></div></form><div style="display:none"><div id="qp_rp2446496" style="font-size:11px;width:5ex;text-align:right;overflow:hidden;position:absolute;right:5px;height:1.5em;line-height:1.5em"></div><div id="qp_rv2446496" style="font-size:11px;width:0%;line-height:1.5em;text-align:right;color:#FFF;box-sizing:border-box;padding-right:3px"></div><div id="qp_rb2446496" style="font-size:12px;color:rgb(255,255,255);display:block;font-size:12px;padding-right:10px 5px"></div><div id="qp_rva2446496" style="background:#006FB9;border-color:#006FB9"></div><div id="qp_rvb2446496" style="background:#163463;border-color:#163463"></div><div id="qp_rvc2446496" style="background:#5BCFFC;border-color:#1481AB"></div></div></div><div style='text-align:center; margin:5px;'>Created with <a rel="nofollow" id="qp_foot2446496" href="https://linkto.run/e/OI865HAE">PollMaker</a></div></div><script src="//scripts.poll-maker.com/3012/scpolls.js" language="javascript"></script>

Output:
https://codepen.io/hodgestrevor2024/pen/gVXMdM

7 Likes