Clear Default Text on Mouse Click

Using default text in input fields as labels:

https://sanctumbrighton.com.au/mail-test/

Is there a method I could employ to have the default text clear when a user click inside the text input?

Perhaps something along these lines (html 5):

placeholder="my input value"

or the traditional:

onclick="this.value='';"