In this example you will learn, how to Make a Placeholder for a Select Box in HTML. Now, let’s try out the following example to understand how it basically works:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Make Placeholder for Select Box</title> <style> select:invalid{ color: gray; } option{ color: black; } </style> </head> <body> <select required> <option value="" disabled selected hidden>Choose Gender...</option> <option>Male</option> <option>Female</option> </select> </body> </html> |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.