HTML5: Placeholder text in a form

This entry is part 25 of 34 in the series HTML5

Placeholder text is the text displayed inside a text field when the form loads.

When a user started typing into the field, it disappears.

<!DOCTYPE html>
<head lang='en'>
    <meta charset='UTF-8'>


<form method='post'>
    <input type='text' name='name' placeholder='Name'>
    <input type='text' name='phone' placeholder='Phone'>

    <textarea name='comment' rows='3' placeholder='Your comment here'></textarea>
    <input type='submit' value='Send'>
    <input type='reset' value='Clear'>

Series Navigation<< HTML5: Color picker
HTML5: Creating autocomplete using <datalist> >>