阅读背景:

用css3和jQuery制作精美的表单

来源:互联网 

用css3和jQuery制作一个简单的精美表单

html代码如下:

 

<span class="title">Mask Your Input Forms and Make It Beauty</span> <br/><br/> <div id="container"> <p class="separator"><br/></p> <p class="small-title">Too Plain</p> <input class="too-plain" value="Enter your email here" /> <p class="separator"><br/></p> <p class="small-title">Fading The Label</p> <form>     <label class="username-label" for="username">Username</label>     <input type="text" name="username" class="username" />     <label class="password-label" for="password">Password</label>     <input type="password" name="password" class="password" /> </form> <p class="separator"><br/></p> <p class="small-title">Sliding? Don't Worry</p> <form>     <label class="username-label-sliding" for="username-sliding">Username</label>     <input type="text" name="username" class="username-sliding" />     <label class="password-label-sliding" for="password-sliding">Password</label>     <input type="password" name="password" class="password-sliding" /> </form> <p class="separator"><br/></p> </div><span




你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: