cleavejs实现自动格式化表单输入框格式内容效果代码
代码语言:html
所属分类:表单美化
代码描述:cleavejs实现自动格式化表单输入框格式内容效果代码,支持信用卡、手机号、时间等格式,还可自定义设置。
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" /> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <link href='https://fonts.googleapis.com/css?family=Pathway+Gothic+One&ver=1.0' rel="stylesheet"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/cleave.min.js"></script> <style> html, body { text-align: center; font-family: 'Roboto', sans-serif; height: 100%; margin: 0; color: #272822; } a, a:hover, a:visited { color: #272822; text-decoration: none; } * { -webkit-text-size-adjust: none; box-sizing: border-box; } li { list-style-type: none; } p, ul, li { margin: 0; padding: 0; } input { outline: none; -webkit-appearance: none; border: 3px solid #e6e6e6; border-radius: 5px; background-color: #fff; line-height: 60px; vertical-align: middle; height: 66px; font-size: 32px; width: 100%; padding: 0 15px; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; .........完整代码请登录后点击上方下载按钮下载查看
网友评论0