如何让登录页的邮箱输入框默认显示示例邮箱example@gmail.com？

你只需要给<input>标签添加placeholder属性，就能实现输入框为空时显示示例邮箱的效果，修改后的代码如下：

<label for="email">email</label><br>
<input type="email" id="email" required placeholder="example@gmail.com">

placeholder属性的作用很直接：当输入框未输入内容时，显示你指定的提示文本；一旦用户开始输入内容，提示文本就会自动消失，完全符合你的需求。

内容的提问来源于stack exchange，提问作者Roli Roli