<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Quiz - Placeholder</title> </head> <body> <form action="#"> <label for="event-name"> <span>Enter the name of your event:</span> <input type="text" id="event-name" placeholder="Event Name"> </label> </form> </body> </html>
autocomplete
The autocomplete attribute specifies whether or not an input field should have autocomplete enabled.
Autocomplete allows the browser to predict the value. When a user starts to type in a field, the browser should display options to fill in the field, based on earlier typed values.
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Quiz - Autocomplete</title> </head> <body> <form action="#"> <label for="email"> <span>Email:</span> <input type="email" id="email" placeholder="example@gmail.com" autocomplete="email"> </label> </form> </body> </html>