HTML5 placeholder attribute

What is a placeholder attribute in HTML5?

Its use for hint of input text field like water mark of Ajax. i.e.

Live demo example http://embed.plnkr.co/5hIPdx/preview

Syntax: <input type=”text” id=”ids” placeholder=”text here..”>

Example in detail as given below.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>html5 input textplaceholder</title>
    <link rel="stylesheet" href="style.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular.min.js">
</script>
</head>
<body>
    <p>HTML5 input text placeholder</p>
    <form>
        <div>
            <div>
                <input type="text" name="txtName" placeholder="Enter Name" class="tb8">
            </div>
            <br />
            <div>
                <input type="text" name="txtAddress" placeholder="Enter Address" class="tb8">
            </div>
            <br />
            <input type="submit" value="Submit" class="fb9">
        </div>
    </form>
</body>
</html>





ANIL SINGH

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Buy Books Online at Best Prices

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.