Html code for Survey Form



 <DOCTYPEhtml> 

  <html lang="en">
    <head>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="styles.css">
      <title></title>
    </head>
      <!-- CODIX SANSAAR THE YOUTUBE CHANNEL-->
    <body>
      <h1 id="title">freeCodeCamp Survey Form</h1>
      <p id="description">Thank you for taking the time to help us improve the platform</p>
   <center> <form id="survey-form">
   <label id="name-label" for="name">Naam*</label>
   <input placeholder="Enter your name" type="text" required id="name">
   <label id="email-label" for="email">Email*<input name="email" id="email" required type="email" placeholder="Enter your email"></label>
   <label for="number" id="number-label">Age</label>
   <input id="number" max="200" placeholder="Age" type="number" min="10">
  <br />
  <!-- CODIX SANSAAR THE YOUTUBE CHANNEL-->
   <select id="dropdown" >
     <option name="No select">Select your current University/inst./college</option>
     <option name="student">BSACET</option>
     <option name="bu">BU</option>
     <option name="">GLAU</option>
     <option name="">GLBAJAJ</option>
     <option name="">KIET</option>
     <option name="sanskriti">SANSKRITI</option>
     <option name="others">Not Mentioned</option>
   </select>
   <!-- CODIX SANSAAR THE YOUTUBE CHANNEL-->
   <p> Will Your suggest this survey to your frnd ?</p>
    <label id="radio"><input value="1" name="radio" type="radio"> Definitely</label>
     <label id="radio"><input value="111" name="radio"type="radio"> Yes</label>
     <label id="radio"><input value="11" name="radio"type="radio"> Prob=1</label>
<select >
     <option name="">Select current role</option>
     <option name="">Challenges</option>
     <option name="">Projects</option>
     <option name="">Community</option>
     <option name="">Open Source</option>
     <!-- CODIX SANSAAR THE YOUTUBE CHANNEL-->
</select><label id="radio">
<input value="1" type="checkbox"> Html</label><label id="radio">
<input  value="2" type="checkbox"> Core Java</label><label id="radio">
<input  value="3" type="checkbox"> Engineering Designing</label><label id="radio">
<input value="4"  type="checkbox"> Core C++</label><label id="radio">
<input  value="5" type="checkbox"> Core Python</label><label id="radio">
<input  value="6" type="checkbox"> DSA</label><label id="radio">
<input  value="7" type="checkbox"> ML
</label><label id="radio">
  <!-- CODIX SANSAAR THE YOUTUBE CHANNEL-->
<input value="8"  type="checkbox"> Web "Dev"</label><label id="radio">
<input  value="9" type="checkbox"> Application Dev</label><label id="radio">
<input value="99"  type="checkbox"> Sociel</label><label id="radio">
<input  value="999" type="checkbox"> AI</label><label id="radio">
<input value="9999"  type="checkbox"> Others(Point wise)</label><label id="radio">

<textarea rows="7" ></textarea>  
   <input id="submit"type="submit" value="SUBMIT"> 

    </form></center> <!-- CODIX SANSAAR THE YOUTUBE CHANNEL-->
    </body>
  </html>

If you want css of this you have to go in This YouTube video’s description

Comments

Pageviews