Toggle navigation
在线编辑器
在线代码
文本比较
jQuery下载
前端库
在线手册
登录/注册
下载代码
html
css
js
分享到微信朋友圈
X
html
Account
Date of Birth
Gender
Male
Female
Payment Details
Credit Card
Paypal
01 Jan
02 Jan
2015
2016
Terms and Conditions
I accept the terms and conditions for signing up to this service, and hereby confirm I have read the privacy policy.
css
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"); /* 64ac15 */ *, *:before, *:after { box-sizing: border-box; } body { padding: 1em; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; color: #b9b9b9; background-color: #37489c; } h4 { color: #f0a500; } input, input[type="radio"] + label, input[type="checkbox"] + label:before, select option, select { width: 100%; padding: 1em; line-height: 1.4; background-color: #f9f9f9; border: 1px solid #e5e5e5; border-radius: 3px; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; transition: all 0.35s ease-in-out; } input:focus { outline: 0; border-color: #bd8200; } input:focus + .input-icon i { color: #f0a500; } input:focus + .input-icon:after { border-right-color: #f0a500; } input[type="radio"] { display: none; } input[type="radio"] + label, select { display: inline-block; width: 50%; text-align: center; float: left; border-radius: 0; } input[type="radio"] + label:first-of-type { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } input[type="radio"] + label:last-of-type { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } input[type="radio"] + label i { padding-right: 0.4em; } input[type="radio"]:checked + label, input:checked + label:before, select:focus, select:active { background-color: #f0a500; color: #fff; border-color: #bd8200; } input[type="checkbox"] { display: none; } input[type="checkbox"] + label { position: relative; display: block; padding-left: 1.6em; } input[type="checkbox"] + label:before { position: absolute; top: 0.2em; left: 0; display: block; width: 1em; height: 1em; padding: 0; content: ""; } input[type="checkbox"] + label:after { position: absolute; top: 0.45em; left: 0.2em; font-size: 0.8em; color: #fff; opacity: 0; font-family: FontAwesome; content: "\f00c"; } input:checked + label:after { opacity: 1; } select { height: 3.4em; line-height: 2; } select:first-of-type { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } select:last-of-type { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } select:focus, select:active { outline: 0; } select option { background-color: #f0a500; color: #fff; } .input-group { margin-bottom: 1em; zoom: 1; } .input-group:before, .input-group:after { content: ""; display: table; } .input-group:after { clear: both; } .input-group-icon { position: relative; } .input-group-icon input { padding-left: 4.4em; } .input-group-icon .input-icon { position: absolute; top: 0; left: 0; width: 3.4em; height: 3.4em; line-height: 3.4em; text-align: center; pointer-events: none; } .input-group-icon .input-icon:after { position: absolute; top: 0.6em; bottom: 0.6em; left: 3.4em; display: block; border-right: 1px solid #e5e5e5; content: ""; -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .input-group-icon .input-icon i { -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .container { max-width: 38em; padding: 1em 3em 2em 3em; margin: 0em auto; background-color: #fff; border-radius: 4.2px; box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.2); } .row { zoom: 1; } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; } .col-half { padding-right: 10px; float: left; width: 50%; } .col-half:last-of-type { padding-right: 0; } .col-third { padding-right: 10px; float: left; width: 33.33333333%; } .col-third:last-of-type { padding-right: 0; } @media only screen and (max-width: 540px) { .col-half { width: 100%; padding-right: 0; } } .fa{padding-top: 15px;}
JavaScript
粒子
时间
文字
hover
canvas
3d
游戏
音乐
火焰
水波
轮播图
鼠标跟随
动画
css
加载动画
导航
菜单
按钮
滑块
tab
弹出层
统计图
svg
×
Close
在线代码下载提示
开通在线代码永久免费下载,需支付20jQ币
开通后,在线代码模块中所有代码可终身免费下!
您已开通在线代码永久免费下载,关闭提示框后,点下载代码可直接下载!
您已经开通过在线代码永久免费下载
对不起,您的jQ币不足!可通过发布资源 或
直接充值获取jQ币
取消
开通下载
<!doctype html> <html> <head> <meta charset="utf-8"> <title>自定义表单样式-jq22.com</title> <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> <style>
</style> </head> <body>
<script>
</script>
</body> </html>
2012-2021 jQuery插件库版权所有
jquery插件
|
jq22工具库
|
网页技术
|
广告合作
|
在线反馈
|
版权声明
沪ICP备13043785号-1
浙公网安备 33041102000314号