Cool textbox design in html5

cool texbox design with html5

Android style text box using
HTML Textbox android style design using css3
DEMO
html text box design

Update New Style Add See Demo
text box design using css3

DEMO 1
DEMO 2
Download

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Cool textbox design html5, html 5 textbox design, textbox css design, textbox with label
    </title>
    <meta name="description" content="cool text design in html 5" />
    <meta name="keywords" content="html5,textbox design,HTML,CSS,XML,JavaScript,cool textbox design html5, html 5 textbox design, textbox css design, textbox with label" />
    <meta name="author" content="bhaumik patel" />
    <link href="css/StyleSheet.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .clear { clear: both; }
    </style>
</head>
<body>
    <h1>
        Cool Text Box Design</h1>
    <b>Style 1</b> With <em>placeholder</em>
    <br />
    <input id="Text1" type="text" class="style1 email" placeholder="Email" />
    <div class="clear">
    </div>
    <b>Style 2</b> With <em>gradient background</em>
    <br />
    <input id="Text2" type="text" class="gradientBox" placeholder="First Name" />
    <div class="clear">
    </div>
    <b>Style 3</b> With <em>textbox label</em>
    <br />
    <div id="contact">
        <div class="input_label user">
            <label>
                Name</label></div>
        <input name="name" type="text" id="name" class="name" size="30" value="">
    </div>
    <div class="clear">
    </div>
    <b>Style 4</b> With <em>textbox image</em>
    <br />
    <input class="tb11" type="text" name="tb11" size="40">
</body>
</html>
Cool textbox design in html5 Cool textbox design in html5 Reviewed by Bhaumik Patel on 2:44 AM Rating: 5