Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html> <html> <head> <title>Select & Textarea</title> <style>body { font-family: Arial; padding: 20px; } select, textarea, input { display: block; margin: 10px 0; padding: 8px; width: 300px; }</style> </head> <body> <label>Favourite Language:</label> <select> <option value="">-- Select --</option> <option>HTML</option> <option>CSS</option> <option>JavaScript</option> <option>PHP</option> <option>Python</option> </select> <label>Your Message:</label> <textarea rows="4" placeholder="Type here..."></textarea> <label>Search (with autocomplete):</label> <input list="tech" placeholder="Type to search..."> <datalist id="tech"> <option value="HTML"> <option value="CSS"> <option value="JavaScript"> <option value="Python"> </datalist> </body> </html>
Result
Open