Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html> <head> <title>Placeholder Text Example</title> <style> body { font-family: sans-serif; margin: 20px; } .form-group { margin-bottom: 20px; max-width: 300px; } label { display: block; margin-bottom: 5px; font-weight: bold; } input { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } /* Styling the placeholder text */ input::placeholder { color: #999; } </style> </head> <body> <div class="form-group"> <label for="search">Search:</label> <input type="text" id="search" name="q" placeholder="Enter keywords..."> </div> <div class="form-group"> <label for="email">Newsletter Signup:</label> <input type="email" id="email" name="email" placeholder="email@example.com"> </div> </body> </html>
