14.3  使用jQuery实现的表单特效

14.3 使用jQuery实现的表单特效

本实例的功能是,使用jQuery实现一个精美的表单特效。这是一款基于jQuery的漂亮的表单效果,将表单的输入框换成了横线,加入了背景,引入了jQuery插件,样式上特别漂亮,是一个值得借鉴的jQuery表单美化实例,而且本表单在布局上完全是基于纯CSS标签来实现的,使用了CSS中的fieldset来制作表单,兼容性好。

978-7-111-53392-4-Part04-112.jpg

实例文件3.html的实现代码如下。

978-7-111-53392-4-Part04-113.jpg

978-7-111-53392-4-Part04-114.jpg

978-7-111-53392-4-Part04-115.jpg

执行后的效果如图14-4所示。

978-7-111-53392-4-Part04-116.jpg

图14-4 执行效果