jQuery实现的漂亮表单效果代码

本文实例讲述了jQuery实现的漂亮表单效果代码。分享给大家供大家参考。具体如下：

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

运行效果如下图所示：

在线演示地址如下：

http://demo.0133.cn/js/2015/jquery-table-input-style-codes/

具体代码如下：

    
 
快递运单信息
 
 
收件信息
 1. 收货人:2. 目的地: 北京上海武汉乌鲁木齐
 3. 联系电话:
 4. 详细地址:
 
发件信息
 1. 发货人:2. 始发地: 北京上海武汉乌鲁木齐
 3. 联系电话:
 4. 详细地址:
 
货物信息
 1. 数量:（1-99件）2. 体积:3. 重量:（Kg）
 4. 运输方式: 航运火车汽车轮船
 5. 付款方式:
 现金付款收件人付款第三方付款

希望本文所述对大家的jquery程序设计有所帮助。