Skip to main content

Task 31: HTML Practise - FORMS

Affirmations for Confidence and Growth​

  • I am capable of learning anything I set my mind to.

  • I choose progress over perfection every day.

  • I have everything I need to succeed within me.

  • I am focused, consistent, and committed to my goals.

  • I believe in my ability to create positive change.

  • I welcome challenges as opportunities to grow.

  • I trust the process and take bold steps forward.

  • I am proud of how far I’ve come and excited for what’s next.

  • I deserve success, joy, and abundance in all areas of my life.

  • I am becoming the best version of myself every single day.

Task Answer - Video Link​

HTML FORMS​

<!DOCTYPE html>
<html>
<head>
  <title>Music Preference Survey</title>
</head>
<body>
  <h2>🎵 Music Preference Form</h2>

  <form action="http://www.enochgeorge.com/profile.php" method="post">
    
    <!-- 1. Radio Buttons -->
    <p><strong>1. Select your favorite genre:</strong></p>
    <input type="radio" name="genre" value="rock" checked /> Rock
    <input type="radio" name="genre" value="pop" /> Pop
    <input type="radio" name="genre" value="jazz" /> Jazz

    <!-- 2. Checkboxes -->
    <p><strong>2. Choose your music service(s):</strong></p>
    <input type="checkbox" name="service" value="itunes" checked /> iTunes
    <input type="checkbox" name="service" value="lastfm" /> Last.fm
    <input type="checkbox" name="service" value="spotify" /> Spotify

    <!-- 3. Single-select dropdown -->
    <p><strong>3. What device do you listen to music on?</strong></p>
    <select name="device">
      <option value="ipod">iPod</option>
      <option value="radio">Radio</option>
      <option value="computer">Computer</option>
    </select>

    <!-- 4. Multi-select box -->
    <p><strong>4. Do you play any of these instruments?</strong><br>
    <small>(Hold Ctrl or Command to select more than one)</small></p>
    <select name="instruments" size="4" multiple>
      <option value="guitar" selected>Guitar</option>
      <option value="drums">Drums</option>
      <option value="keyboard" selected>Keyboard</option>
      <option value="bass">Bass</option>
    </select>

    <br><br>
    <input type="submit" value="Submit" />

  </form>
</body>
</html>