html - input box placeholder being overwritten -

i have input box on page:

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

when load page, placeholder being overwritten text

enter email here

and cannot figure out coming from. whether have placeholder or not, text comes box on page load, , don't want to. whether set input type text or email still this. it's 1 box on page auto-fills text, , have no idea it's coming from. i've looked in developer console see whether may css issue, can't see causing pre-populate message:

.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); } 

any ideas?

update

it seems coming <label> having word "email" inside of it. how frustrating! if remove word email or e-mail, text no longer appears. causes , how stop it?

here's jfiddle relevant html/css

https://jsfiddle.net/9ut5ksto/