FreeCodeCamp - Survey

freecodecamp-survey.markdown

FreeCodeCamp - Survey

A Pen by Jem Cope on CodePen.

License.

index.html

<h1 id="title">What is your favorite animal?</h1>
<p id="description">We're building a zoo! What should we have in it? </p>
<form id="survey-form">
  <label for="name" id="name-label">Your Name:</label>
  <input 
         id="name"
         placeholder="Enter Your Name"/>
  <label for="email" id="email-label"> Your Email:</label>
  <input 
    type="email"
    id="email"
    placeholder="Enter your email"/>
  <hr/>
  <label for="dropdown">Which animal?</label>
  <select id="dropdown">
    <option>Elephants</option>
    <option>Tigers</option>
    <option>Bears</option>
    <option>Flamingos</option>
  </select><br/><br/>
  <label for="number">
    How many of this animal should we have?
  </label>
  <input 
    type="number"
    min="1"
    max="20"
    id="number"
    placeholder="1 to 20"/><br/><br/>
Which location would you visit most?<br/>
<input type="radio" id="SanFrancisco" value="SanFrancisco">
<label for="SanFrancisco">San Francisco </label>
<input type="radio" id="SanJose" value="SanJose">
<label for="SanJose">San Jose </label>
<br/><br/>

Do you have children?
<label>
  <input type="checkbox" value="Yes"/>Yes
</label>
  <label>
    <input type="checkbox" value="No"/>No
  </label>
 <br/><br/>
<label> Any other comments?<br/>
  <textarea
    id="comments"
  ></textarea>
</label><br/>
  <button type="submit">Submit</button>
</form>