Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Hi for some reason my textarea placeholder is not showing the code looks correct as far as I can tell so I need some help lol

  **Your code so far**

/* file: index.html */
<html>
<head>
  <title id="title">Roseburg Beer and Cider Festival Survey</title>
	  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <h1>Roseburg Beer and Cider Festival Survey</h1>
  <p id="description">Thank you for taking time to fill out our survey so we can give all of our guests the best possible experience </p>
 
  <form id="survey-form" action="https://survey-Roseburg Beer and Cider Festival.com">
    <fieldset>
      <h2>Contact Info </h2>
      <label><input type="text" id=" first name-label" name="First Name" placeholder="First Name"  required/></label>
      <lable><input type="text" id="last name-label" name="Last Name" placeholder="Last Name" /></label>
      <label><input type="email" name="email" id="email-label" required placeholder="Email" /></label>
      <label><input type="number" name="phonenumber"
      placeholder="Phone Number (optional)" min="0000000000"
      max"9999999999" id="number-label" />
      <label><input type="number" name="age" id="age-label"
      min="21" max="100" placeholder="age" required />
     </fieldset>
     <fieldset>
       <label>Vendor<input type="radio" name="guest-vendor" /></label>
       <label>Guest<input type="radio" name="guest-vendor"/></label>
       </fieldset>
       <fieldset>
         <label>How did you hear about the event?
        <select name="referrer">
          <option value="">(select one)</option>
          <option value="1">Radio</option>
          <option value="2">Flyers</option>
          <option value="3">Word of mouth</option>
          <option value="4">Online</option>
        </select>
        <h4>Favorite beers / Vendors</h4>
        <label>FOR THE WIN - IPA / <a href="http://old99brewing.com/about" target="_blank">Old 99</a><input type="checkbox"/></label>
        <label>Union Lite Lager / <a href="https://m.facebook.com/backsidebrewingco/" target="_blank">Backside Brewing</a><input type="checkbox"/></label>
        <label>Dead on Amber / <a href="https://twoshybrewing.com/" target="_blank">Two-Shy Brewing</a><input type="checkbox"/></label>
        <label>Fireline Red / <a href="https://www.northfortybeer.com/" target="_blank">North Forty Beer Company</a><input type="checkbox"/></label><label>
          <label>SummerTime Blonde Ale / <a href="https://www.lbbrewingcompany.com/" target="_blank">Lookingglass Brewery</a><input type="checkbox"/></label>
          <label>Terminator Stout / <a href="https://www.mcmenamins.com/roseburg-station-pub-brewery" target="_blank">McMenamins Pub & Brewery<a/><input type="checkbox"/></label>
         </fieldset>
         <fieldset>
           <label>
             <textarea name="experience" placeholder="Please tell us how we can improve the experience of our guests and vendors and how overall your experience was at the event">
               </textarea>
             </label>
           </fieldset>

    </form>

  </body>

/* file: styles.css */
label {display: block}

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.114 Safari/537.36 Edg/103.0.1264.62

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

You can’t have spaces and a newline between the opening and closing textarea tags if you want the placeholder text to show up. Any text you put between those tags will automatically be placed in the textarea, overwriting the placeholder text. Even blank spaces and newlines will do that.

Also, the placeholder text you are using is really the label text for the textarea and should be used as such. You should not put directions in the placeholder text.

3

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