On click inside text field erase its name

Hi

I have a textfield, and I put the field legend inside it. I want the text “type your name” to be erase once user click inside the textfield. How can I do that? And the reverse, if the text was lived empty show again “type your name”?

Thanks