Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
how can i add the background image with the url

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Survey Form</title>
  <link rel="stylesheet"href="styles.css" />
</head>
<body>
  <h1 id="title">Survey Form</h1>
  <p id="description" >Please let us know how we can improve freecode camp by answering the following questions</p>
  <form action="https://survey-form.freecodeccamp.rocks" id="survey-form">
  <fieldset>
    <label for="name-label">Enter your first name:<input type="text" name="name" id="name-label" placeholder="First Name" required></label>
    <label for="name-label">Enter your last name: <input type="text" name="name" id="name-label" placeholder="Last Name" required/></label>
    <label for="email-label">Enter your email: <input type="email" name="email" id="email-label"placeholder="Email Address"required/> </label>
    <label for="number-label">Enter your age: <input type="number" name="number" id="number-label" min="10" max="40" placeholder="Age" required /></label>
  </fieldset>
  <fieldset>
    <label for="dropdown">How did you hear about FreeCode Camp
      <select id="dropdown" name="dropdown">
        <option value="">(Select one)</option>
        <option value="1">Youtube</option>
        <option value="2">Google</option>
        <option value="3">From a friend</option>
        <option value="4">others</option>
      </select>
    </label>
  </fieldset>
  <fieldset>
    <p>Please rate us</p>
    <label for="rate"><input type="radio" id="rate" name="excellent"value="excellent" class="block-level" />Excellent</label>
    <label for="rate"> <input type="radio" id="rate" name="Very good" value="Very good" class="block-level">Very Good</input></label>
    <label for="rate"> <input type="radio" id="rate" name="poor" value="Poor" class="block-level">Poor</input></label>
    <p>Where do you want us to improve?</p>
    <label><input type="checkbox" name="checkbox" value="Front-end projects"/>Front-end project</label>
    <label><input type="checkbox" name="checkbox" value="Back-end projects"/>Back-end project</label>
    <label><input type="checkbox" name="checkbox" value="Forum"/>Forum</label>
    <label><input type="checkbox" name="checkbox" value="Wiki"/>Wiki</label>
    
    <label for="bio">Any Comments or suggestions?
      <textarea id="bio" name="bio"row="30"cols="50"placeholder="please type your suggestions here"></textarea>
  </fieldset>
  <input type="submit"value="submit"/>
  </form>

</body>
</html>

/* file: styles.css */
body{
width: 100%;
height: 100vh;
margin: 0;
background-color: #228B22;
color: #000080;
font-family: Verdana;
font-size: 17px;
background-image: url()
}

  **Your browser information:**

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Simply type in the URL inside the url()

3

is this part of the user stories or just something you want to do?

(also which element do you want to have a background image?)

4

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