I just came across this super cool HTML5 feature.
How many times did you coded a filler text within an input text field with javascript?
I love HTML5
Now with HTML5 we can create that placeholder in less than a blink of an eye.
Add the attribute and you're ready to go 😉
<input placeholder="write your e-mail" type="text" name="first" id="first" />Code language: HTML, XML (xml)Supported Browers
Google Chrome and Safari.
Full HTML5 Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 />
<title></title>
<body>
<form action="" method="">
<fieldset>
<legend>Form Name</legend>
<p>First Input: <input placeholder="write your e-mail" type="text" name="first" id="first" /></p>
</fieldset>
<p><input type="submit" /></p>
</form>
</body>
</head>
</html> Code language: HTML, XML (xml)
This attribute works also in Opera but in the different way
This is an OUTSTANDING feature and I think I’m implementing it in my next projects for sure.
Yes it is. The problem is the script lame part for FF and IE 🙁