🚀 LEVEL UP TO SENIOR:Unlock 500+ Advanced Practical Challenges & Exercises.

🎓 COURSERA PARTNER:Earn professional Google, Meta, and IBM certificates to supercharge your resume.

Day 28: Datalist Element

HTML Masterclass

Current Task

Create auto-complete dropdowns for text inputs.

Step 1: Create an <input> with list="browsers" and name="browser".

Step 2: Create a <datalist> with id="browsers".

Step 3: Inside, add two <option> tags with values "Chrome" and "Firefox".

index.html

<input list="browsers" name="browser" />
<datalist id="browsers">
  <option value="Chrome" />
  <option value="Firefox" />
</datalist>

* Hint: Correct characters turn green, incorrect ones turn red.

Live Preview

🖼️

Verify your code to see the preview