Tugas Pertemuan 2: Membuat Survey Form dengan HTML dan CSS

 Untuk tugas pertemuan 2, kita disuruh untuk membuat projek yang bisa dipilih dari https://www.geeksforgeeks.org/top-10-projects-for-beginners-to-practice-html-and-css-skills/.

Saya memilih projek untuk membuat survey form.

untuk membuat tempat untuk mengetik text, bisa menggunakan class form-control.

Untuk menginput text pendek bisa menggunakan input.

  <div class="form-control">

   <label for="name" id="label-name">

    Name

   </label>

   <input type="text"

    id="name"

    placeholder="Enter your name" />

  </div>

  <div class="form-control">

   <label for="email" id="label-email">

    Email

   </label>

   <input type="email"

    id="email"

    placeholder="Enter your email" />

  </div>

  <div class="form-control">

   <label for="age" id="label-age">

    Age

   </label>

   <input type="text"

    id="age"

    placeholder="Enter your age" />

  </div>

Untuk menginput pilihan bisa menggunakan select.

  <div class="form-control">

   <label for="role" id="label-role">

    Which option best describes you?

   </label>

   <select name="role" id="role">

    <option value="student">Student</option>

    <option value="intern">Intern</option>

    <option value="professional">Professional</option>

    <option value="other">Other</option>

   </select>

  </div>

 

Untuk menginput text panjang bisa menggunakan text area.

  <div class="form-control">

   <label for="answer">

    Type your answer here

   </label>

   <textarea name="answer" id="answer"

    placeholder="Type your answer here">

   </textarea>

  </div>

Link Repository Github: Poodoop/TUGAS2SURVEYFORM (github.com)

Link Website: Solve the Puzzle (poodoop.github.io)