输入框占位符被覆盖

Question

我在页面上有一个输入框：

<label>Email Address<input type="email" placeholder="asdf" name="email" /></label>

当我加载页面时，此占位符被文本

覆盖

Enter your email here

我无法弄清楚这是从哪里来的。无论我是否有占位符，文本都会在页面加载时显示在框中，我不希望这样。无论我将输入类型设置为text还是email，它仍会执行此操作。页面上只有一个自动填充此文本的框，我不知道它来自哪里。我查看了开发人员控制台，看看它是否可能是一个css问题，但我看不到任何会导致这个问题预先填充消息：

.addForm input[type="text"] {
    display: block;
    text-transform: uppercase;
    box-sizing: border-box;
    font-weight: 900;
    width: 100%;
    padding: 4px;        
    border: 1px solid #FDC;
    background-color : #E8E8E7;
    box-shadow: 6px 4px 4px -4px rgba(77,89,85,0.36);
}

任何想法？

更新

似乎来自我的<label>里面有“电子邮件”这个词。多么令人沮丧！如果我删除了email或e-mail这个词，则不再显示该文字。是什么导致这种情况以及如何阻止它？

这是一个带有相关html / css

的jfiddle

https://jsfiddle.net/9ut5ksto/