Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Titre du document</title> <style> * { box-sizing: border-box; } .container { margin: 20px auto; max-width: 250px; background-color: #8ebf42; padding: 20px; } input { border: 1px solid #666666; background-color: #eeeeee; padding: 15px; margin-bottom: 20px; display: block; width: 100%; } input::-webkit-input-placeholder { color: #666666; } input::-moz-placeholder { color: #666666; } input:-ms-input-placeholder { color: #666666; } input::placeholder { color: #666666; } </style> </head> <body> <h2>Exemple du sélecteur ::placeholder</h2> <div class="container"> <form> <input type="text" placeholder="Lorem ipsum est simplement..."> <input type="date" placeholder="JJ/MM/AAAA"> </form> </div> </body> </html>