web前端|css教程
css,表单
web前端-css教程
易语言透视源码,vscode远程服务器调试,ubuntu16 10,tomcat程序加固,sqlite对象列表,一般网页设计用什么字体,如何重启云服务器,dede结构化数据插件,pure前端框架,复杂网站爬虫,php就业班,中山seo顾问价格,基于springboot源码,快三网站源码,网页游戏服务端单机架设教程,安卓前台模板,动易后台编辑器,老虎机抽奖页面,电影票管理系统,视频分享程序lzw
原理
服装 多语言 网站源码,vscode小程序高亮,ubuntu查看cida,tomcat怎么搭载软件,爬虫不来,开源教育 php,有用的seo优化价格,css网站首页源代码,discuz 没模板lzw
表单元素中,有一个pattern属性,可以自定义正则表达式(如手机号、邮箱、身份证..);valid伪类,可以匹配通过pattern验证的元素;invalid伪类则相反,可以匹配未通过pattern验证的元素。
牛羊网站源码,ubuntu启用ssh连接,爬虫 爬取漫画,php key,seo杭州招聘lzw
(推荐教学:CSS入门教学)
html代码
布局很简单,input跟button是兄弟节点的关系,required属性是必填的意思,也就是输入的内容必须要验证通过;
css代码
这里用的是scss预处理器
input { // 验证通过时按钮的样式 &:valid { &~button {pointer-events: all;cursor: pointer;&::after { content: "提交:+1:"} } } // 验证不通过时按钮的样式 &:invalid { &~button {pointer-events: none; // 去除点击事件,让按钮无法点击&::after { content: "未通过验证:unamused:"} } }}
相关视频教学推荐:css视频教学