Placeholder does not identify characters

I have a problem with a placeholder and a login page,

<div class="group">
        @Html.TextBoxFor(t => t.Email, new { required = "required" } )  <span class="highlight"></span><span class="bar"></span>
        <label >E-mail</label>

    </div>

This placeholder and email <label>E-mail<label> . It stays in Textarea where I should type email, so I click and on and space to type email, problem and in case reload the page or erase the password, it returns and stays on top of the email that I typed thus making it unreadable.

I was looking to use angular, ng-show or ng-dirty so he can identify when there is something in the input, but I have little web experience, so I wanted to ask for your help.

This page was not the one that made me so I just need to fix this problem, I just need it when the page loads it identify that it has something written and tie the e-mail of the textarea.

If anyone can help me or need any more information I'll be grateful.

PS. I've seen a solution similar to this:

<div class="group">
        @Html.TextBoxFor(t => t.Email, new { required = "required", ng_model="email" } )  <span class="highlight"></span><span class="bar"></span>
        <label  ng-show="email == 0">E-mail</label>

    </div> 

But that is not working.